jquery怎么根据html()的内容来选择?

Question

<ul><li>First</li><li>Firstt</li></ul>如上,如何选中html()值为First的jquery对象,$([innerHTML='First'])这种方法不行,说没有innerHTML这个属性.

Answer 1

1	$(":contains('First')");//这种是jquery内置的包含选择器，但是因为是包含，因此选择的内容只要包含“First”就会选中。

另外一种通用的。用过滤函数。

1 2 3 4

$('*').filter(function(index, el){     var childNodes = el.childNodes;     return childNodes.length === 1 && childNodes[0].nodeType === 3 && childNodes[0].nodeValue === 'First'; });

但上面的这种方式只适合你这种情况，如果你的li元素像下面这样：

1 2 3

<ul> <li>First<a href="">这是链接哦</a> </ul>

也是不行的。就是说，必须元素下只有文字，不再有其他元素。

 

Answer 2

<script>
$("li").click(function(){
var num = $("li").index(this);
if(num == 0){
alert($(this).html())
}
});
</script>