分享

选择器选择包含某某文字的标签

 融水公子 2023-07-03 发布于福建
表白:黑白圣堂血天使,天剑鬼刀阿修罗。 
讲解对象:
/选择器选择包含某某文字的标签
作者:融水公子 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]注册一个账号登录,里面真的有很多优秀的文章,欢迎大家的到来。
---

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多