javascript - 如何在没有 jQuery 的情况下应用 ":contains"选择器?

标签 javascript jquery css

我希望能够实现这个功能

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

不使用 jQuery,直接使用 javascript,我找不到等效的

我知道我正在寻找 indexOf,但将它们放在一起并不适合我目前的心态。

最佳答案

是这样的吗?

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;
}

关于javascript - 如何在没有 jQuery 的情况下应用 ":contains"选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19059778/

相关文章:

javascript - 使用 javascript 在每个文件中使用 <TITLE></TITLE> 重命名多个 HTML 文件

jquery - ASP.NET MVC 页面,CSS(?)问题

javascript - 比较 2 个 ISO 8601 时间戳和输出秒/分钟差异

javascript - 一次显示 3 个列表项并逐项导航

asp.net-mvc - 通过 jQuery ajax 将自定义对象发布到 MVC3 操作方法

jquery - 显示一个 div,单击时隐藏所有其他 div

javascript - 使用 Jquery ui Slider 突出显示 html 表行/列

html - 子边距为父边距添加边距

javascript - 尽管有 React 的 onClick 处理程序,history.back() 似乎并没有等待点击

javascript - 使用javascript调用php函数时php $_POST返回空