前面的话
本文介绍过滤选择器中的内容选择器。内容选择器的过滤规则主要体现在它所包含的子元素或文本内容上
:contains(text)
:contains(text)选择器选择含有文本内容为'text'的元素,返回集合元素
//返回所有文本内容包含'test'的元素 $(':contains("test")') //返回所有文本内容包含'test'的span元素 $('span:contains("test")')该选择器并没有对应的CSS选择器,如果使用javascript实现类似$('span:contains("test")').css('color','red')的效果
var spans = document.getElementsByTagName('span'); for(var i = 0; i < spans.length; i++){ if(/test/.test(spans[i].innerHTML)){ spans[i].style.color = 'red'; } }
延伸阅读
学习是年轻人改变自己的最好方式
