Question

我有一个HTML代码如下。

 <div class="main">
    <div class="selected" option="1">options</div>
    <div option="2">options</div>
    <div class="selected" option="3">options</div>
    <div option="4">options</div>
    <div class="selected" option="5">options</div>
    <div option="6">options</div>
</div>

如果div使用jquery“选择”了类，我怎样才能获得属性值[value“of option”]？

Answer 1

你可以使用，

var arr = $(".main .selected").map(function() {
  return $(this).attr("option")
}).get();

这将返回一个数组并将结果分配给arr。

Fiddle

Answer 2

虽然jQuery使这很容易，但你可以用vanilla JS实现这个目的：

var els = document.getElementsByClassName("selected");
for (i = 0; i < els.length; i++ ) {
    if(els[i].hasAttribute("option")) { // Checks the current element in the loop to see if it has an "option" attribute
        console.log(els[i].getAttribute("option"));
    }
}

这里是一个工作小提琴，它现在将值输出到控制台并返回1，3和5，因为你期望：{{3 }}

如何使用jquery获取带有条件的属性值？

2 个答案: