javascript - 是否可以仅通过属性值选择元素？

Question

我需要使用 jquery 仅通过属性 value (忽略键)查找页面中的所有元素。

有没有办法轻松做到这一点？

目前，我只是迭代页面中的所有元素、每个属性等......

Answer 1

您可以使用$.expr、Element.attributes、Array.prototype.some()

$.expr[":"].attrValue = function(el, idx, selector) {
  return [].some.call(el.attributes, function(attr) {
    return attr.value === selector[selector.length - 1]
  })
};
// filter element having attribute with `value` set to `"abc"`
$(":attrValue(abc)").css("color", "blue");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div title="abc">abc</div>
<div title="def">def</div>
<div title="ghi">ghi</div>
<div title="jkl">jkl</div>