javascript - 获取每个属性及其值

Question

举个例子，假设我有以下 HTML 设置。

<div class="element" data-xy-ko="value1" data-xy-ko2="value2">
   <span data-xy-ko="value3">testing</span>
   <ul>
     <li data-xy-ko="value4" data-xy-ko2="valu5">testing</li>
     <li data-xy-ko="value5">tsjbd</li>
   </ul>
</div>

有多个数据属性。某些属性的共同点是它们以 data-xy-ko、data-xy-ko2 或任何其他组合开头，只要它们以 data 开头即可-xy-ko

问题:如何获取与 data-xy-ko 匹配的所有数据属性，并为找到的每个属性运行每个循环，以便获取每个属性值，包含它的元素，并为每个找到的元素执行其他操作。

编辑可以在同一元素上找到多个匹配属性。

Answer 1

您可以使用 jQuery 按属性进行选择

$('[data-xy-ko]').each(function(i, e) {
    var attributeValue = e.dataset.xyKo;
    var elementContainingAttribute = e;
    // Do other stuff for each one found
});