博客

jQuery contains()方法

  • Post category:jquery

jQuery contains()方法用于查找包含指定文本的元素。以下是关于jQuery contains()方法的详细攻略，含两个示例，演示如何使用jQuery contains()方法：

语法

jQuery contains()方法的语法如下：

$(selector:contains(text))

参数说明：

  • selector：必需，用于指定要搜索的元素。
  • text：必需，用于指定要搜索的文本。

返回值：

  • 返回包含指定文本的元素。

示例1

以下是一个简单的示例，演示如何使用jQuery contains()方法查找包含指定文本的元素：

<div>
  <p>这是第一个段落。</p>
  <p>这是第二个段落。</p>
  <p>这是第三个段落。</p>
</div>

<script>
$(document).ready(function(){
 $("p:contains('第二个')").css("background-color", "yellow");
});
</script>

在这个示例中，我们使用jQuery contains()方法查找包含文本“第二个”的元素，并将它们的背景颜色设置为黄色。

示例2

以下是另一个示例，演示如何使用jQuery contains()方法找包含指定文本的元素，并在点击元素时显示一个消息：

<div>
  <p>这是第一个段落。</p>
  <p>这是第二个段落。</p>
  <p>这是第三个段落。</p>
</div>

<script>
$(document).ready(function(){
  $("p:contains('第二个')").click(function(){
    alert("你点击了第二个段落。");
  });
});
</script>

在这个示例中，我们使用jQuery contains()方法查找包含文本“第二个”的元素，并为它们添加一个点击事件处理程序。当用户点击这些元素时，将显示一个消息。

总结

上所述，jQuery contains()方法用于查找包含指定文本的元素。以上是两个示例，演示如何使用jQuery contains()方法。

Tags: