自动从类中提取并添加数据属性

时间:2018-07-04 04:09:59

标签: jquery custom-data-attribute

我正在使用一个输出HTML的应用程序,它仅支持添加自定义类。

如此,

function myFunction(){
  if(inputLength() > 0){
    let li = document.createElement("li");
    li.setAttribute("id","myLi");
    var teks = document.createTextNode(input.value);

    // New code here:
    const myUL = document.getElementById("myUL")

    const deleteButton = document.createElement('button')
    deleteButton.innerText = 'Delete'

    // listens for clicks and then deletes the `li`
    deleteButton.addEventListener('click', event => myUL.removeChild(li))
    // End of new code

    li.appendChild(deleteButton)
    myUL.appendChild(li);
    li.appendChild(teks);
    input.value="";
  }
}

如何将其更改为

<div class="my-button data-featherlight-hash-mylightbox data-jarallax data-speed-num-zero-point-two">Content</div>

使用jQuery吗?

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您可以使用attr通过jQuery添加HTML标签属性。

<div class="my-button">Content</div>

$('.my-button').attr('data-featherlight', '#mylightbox');
$('.my-button').attr('data-jarallax data-speed', '0.2');

答案 1 :(得分:0)

您可以使用这个;)

nil

这仅用于羽化,但您可以轻松添加其他项。我希望这有帮助。干杯!