表白:黑白圣堂血天使,天剑鬼刀阿修罗。 讲解对象:/选择器选择包含某某文字的标签 作者:融水公子 rsgz === JavaScript 9999案例 今天带大家实现以下,在网页上选中包含特定文字的元素
就来一个例子实践一下
现在我要选中包含运输设置的a标签
有两种方式可以实现,一个是原生的css选择器,还有一个就是简单的语法的jq
先来看看第一种 使用原生的css选择器实现这个包含特定文字的元素选中
var links = document.querySelectorAll('a');
var element = Array.prototype.filter.call(links, function(link) {
return link.textContent.includes('运输设置');
})[0];
element 第二种 使用jq实现特定文字的标签的选中 如果是jq想在控制台运行的话,我本得先引入jq这个库
var script = document.createElement('script');
script.src = "https://code./jquery-3.7.0.js";
document.getElementsByTagName('head')[0].appendChild(script);
$( "a:contains('运输设置')" )[1] 可以看到这种方式锁定元素也是可以办到的 === 公众号:不浪仙人 谢谢大家的支持!可以点击我的头像,进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录,里面真的有很多优秀的文章,欢迎大家的到来。 ---
|