h5自定义属性-动态创建和标签创建

• 第一种方式 - 动态
  常用的动态自定义属性
  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" });