- 第一种方式 - 动态
常用的动态自定义属性
data-url 、data-title
我是用的es6语法动态创建并循环,大家主要看data-url 和 data-title的用法
代码
for(var i = 0; i < data.length; i++) {
// console.log(res.data[i])
var li = `
<li data-title="${res.data[i].report_name}" data-url="https://${res.data[i].report_url}" style="height: 70px;line-height: 52px;">
<img src="images/pdf.png" alt="" style="width: 12%;height: 50px;float: left;margin-top: 3%;margin-right: 20px;">
<p>${res.data[i].report_name}</p>
<p style="position: relative;top: -41px;padding-left: 65px;box-sizing: border-box;">${ res.data[i].create_time}</p >
</li>`;
$('#pdf').append(li);
}
获取自定数据
var title = $(this).data("title");
var url = $(this).data("url");
- 第二种标签创建属性
<img class="attrli" ></img>
// 获取值
$(".attrli").attr("src");
// 设置值
$("img").attr("src","test.jpg");
// 设置多个值
$("img").attr({ src: "test.jpg", alt: "Test Image" });
