如何应用“:包含"没有jQuery的选择器? [英] How to apply a ":contains" selector without jQuery?

问题描述

我希望能够执行此功能

$( "div:contains('John')" ).css( "text-decoration", "underline" );

不使用jQuery，只是直接使用javascript，我找不到等效的

without using jQuery, just straight up javascript, I cant find the equivalent

我知道我正在寻找indexOf，但是将所有内容放在一起对我当前的思维方式无效.

I know I am looking for indexOf, but putting it all together is not working for my current mindset.

推荐答案

像这样的事情?

var divs= document.getElementsByTagName('div');
var len = divs.length;
for (var i = 0; i < len; i++) {
    if(divs[i].innerHTML.indexOf("John") != -1) {
        divs[i].className += " underline"
    }
}

和css

.underline{
   text-decoration: underline;
}

这篇关于如何应用“:包含"没有jQuery的选择器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！