javascript - 根据特定属性的值获取元素的类或 ID 名称

Question

有没有办法获取具有特定属性值的所有元素的类或 ID 名称？例如，如果我有以下内容:

<rect class="rect0" x="45" y="0px" width="40px" height="40px" fill="#ff0000" selected="0"></rect>
<rect class="rect1" x="90" y="0px" width="40px" height="40px" fill="#ff0000" selected="0"></rect>
<rect class="rect2" x="135" y="0px" width="40px" height="40px" fill="#ff0000" selected="0"></rect>
<rect class="rect3" x="180" y="0px" width="40px" height="40px" fill="#0400fb" selected="1"></rect>
<rect class="rect4" x="225" y="0px" width="40px" height="40px" fill="#ff0000" selected="0"></rect>
<rect class="rect5" x="270" y="0px" width="40px" height="40px" fill="#0400fb" selected="1"></rect>
<rect class="rect6" x="315" y="0px" width="40px" height="40px" fill="#fb0004" selected="0"></rect>

我想获取所选属性值为 1 的所有矩形的类名，在本例中将返回 rect3 和 rect5。

Answer 1

您可以使用.map() & attribute equals selector

var array = $('rect[selected="1"]').map(function(){
    return this.className;
}).get();