使用html（）作爲jQuery的屬性

Question

我想根據html內容選擇列表中的元素。我希望能做到像$('li[html="something"]')，但當然HTML不是一個屬性。是否有一個等效的基於集合的操作？

我當然可以使用$.each()迭代列表中的所有元素，但在我看來它會慢很多。

Answer 1

你可以嘗試：包括（）選擇

http://api.jquery.com/contains-selector/

$("li:contains('something')") 

精確匹配（從上面的鏈接）：

$.expr[":"].contains = function(obj, index, meta, stack){ 
    return $.trim($(obj).html()) == meta[3]; 
} 

用法：

$("li:contains('john')") 

這隻會匹配<li>John</li>，而不是<li>A. John</li>，既不<li>John 6</li> ...只是<li>John</li>！

Answer 2

看看在選擇：

http://api.jquery.com/contains-selector/

Answer 3

感謝您指出我在正確的方向，但正確的解決方案需要建立在，使用$ .extend。以下是我想出了：

$.extend($.expr[':'], { 
    'hasHtml': function(elem, i, attr) { 
     return ($(elem).html() == attr[3]); 
    } 
});