查找元素的某些屬性是否包含特定值

Question

我在考慮是否有辦法查找元素的屬性是否包含指定值。屬性是未知的。如果我有這樣的HTML：

<input class="first" type="checkbox" data="THE-VALUE" /> 
    <input class="second" type="checkbox" /> 
    <input class="third" type="checkbox" name="THE-VALUE" /> 

我想找到所有曾與價值THE-VALUE屬性（在這種情況下.first和.third）的輸入。在輸入爲3的情況下，我不需要解決方案，但是如果我有50個輸入並且包含THE-VALUE的屬性都不相同。我已經嘗試過諸如.attr(':contains("THE-VALUE")')和$('input[="THE-VALUE"]')之類的東西，但顯然不起作用。

所以我的問題是..有什麼方法可以找到？

Answer 1

$("input").filter(function() { 
    return $.grep(this.attributes, function(arg) { 
     return arg.nodeValue === "THE-VALUE"; 
    }).length > 0; 
}).prop("checked", true); 

DEMO：http://jsfiddle.net/7tsZN/

---

或者作爲選擇的擴展：

$.expr[':'].hasattrval = function(e, i, p) { 
    return $.grep(e.attributes, function(arg) { 
     return arg.nodeValue === p[3]; 
    }).length; 
}; 

$("input:hasattrval('THE-VALUE')").prop("checked", true); 

DEMO：http://jsfiddle.net/7tsZN/1/