jQuery :contains()选择器

:contains()选择器语法

$('selector:contains(text)')

:contains()选择器语法解析

jQuery中的:contains()选择器可以匹配选择selector选择器匹配到的所有的HTML元素中包含指定字符串的元素，可以是元素中的文本中包含，也可以是该元素中的子元素包含。比如：p:contains(hello)将匹配所有包含hello字符串的段落p元素。

:contains()选择器实例代码

下方的实例中，第一个:contains()的选择器匹配包含字符x的p元素，第二个匹配子元素中包含y的div元素：

重点提示：:contains()选择器一般不单独使用，一般搭配另一个selector选择器一起使用，就像上面的语法一样！如果要单独使用，可以将在线编辑器下方script标签内的注释符号“//”去掉，然后再在线运行看看。如果当前的页面发生了变化，要恢复成原来的样式，直接刷新即可。

<p class="p1">x</p>
<p class="p1">a</p>
<div class="d1">b</div>
<div class="d1"><p>y</p></div>
<div>xyzfajdklfjadlkfj</div>

<button id="test">笨鸟工具</button>

<script>
$("#test").click(function(){
  $(".p1:contains(x)").css("font-size","3.5em")
  $(".d1:contains(y)").css("font-size","3.5em")
  // $(":contains(xyzfajdklfjadlkfj)").css("font-size","3.5em")
})
</script>

免责声明：内容仅供参考，不保证正确性！

hot：热门