前面的話
本文介紹過(guò)濾選擇器中的內(nèi)容選擇器。內(nèi)容選擇器的過(guò)濾規(guī)則主要體現(xiàn)在它所包含的子元素或文本內(nèi)容上
:contains(text)
:contains(text)選擇器選擇含有文本內(nèi)容為'text'的元素，返回集合元素
//返回所有文本內(nèi)容包含'test'的元素 $(':contains("test")') //返回所有文本內(nèi)容包含'test'的span元素 $('span:contains("test")')該選擇器并沒(méi)有對(duì)應(yīng)的CSS選擇器，如果使用javascript實(shí)現(xiàn)類似$('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'; } }