jquery选择器包含字段

JQuery选择器是一个非常有用的工具，它可以帮助我们去筛选特定的元素。在某些情况下，我们需要选取包含特定字段的元素。这时，我们可以使用包含选择器（:contains）来实现这个目标。

$(document).ready(function(){$('p:contains("JQuery选择器")').css('background-color', 'yellow');});

在上面的代码中，我们首先选取所有含有“JQuery选择器”这个字段的p元素，然后将它们的背景颜色设为黄色。

需要注意的是，:contains选择器是区分大小写的。如果我们想要忽略大小写，可以使用JavaScript内置函数toLowerCase() 或 toUpperCase() 来实现。

$(document).ready(function(){$('p').each(function(){if($(this).text().toLowerCase().indexOf('jquery选择器') !== -1){$(this).css('background-color', 'yellow');}});});

在上面的代码中，我们首先选取所有p元素，然后使用jQuery的each函数遍历每一个元素。在遍历的过程中，我们判断该元素中是否含有“JQuery选择器”这个字段（忽略大小写），如果有就将其背景颜色设为黄色。

总之，包含选择器是一个非常实用的筛选元素的工具。我们可以使用它来快速地选取所有包含特定字段的元素。

上一篇：jquery选择器并集

下一篇：jquery选择器拼接id