数据类别-单击修改

时间:2019-02-04 08:21:17

标签: javascript jquery html

我想知道一旦点击事件发生,是否有办法向现有数据类别添加新的数据类别? 我要添加它,因为我将其用作过滤元素。

以下示例:单击按钮并添加类别:Delta

$arr3 = [210,'-',11,'/','12','/','12']

1 个答案:

答案 0 :(得分:0)

您可以获取元素的属性并对其进行更改,然后再次进行设置,这是一个示例:

<div id="data" class="item" data-category="Alfa , Beta , Gamma "> 
    <p> Object 1<p>
</div>
<button id="myButton" class="my-fav">

<script>
    const data = document.getElementById("data");
    const button = document.getElementById("myButton");

    let data_attribute = data.getAttribute("data-category");

    myButton.addEventListener("click", function() {
        data_attribute += ", Delta";
        data.setAttribute("data-category", data_attribute);
    });
</script>