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选择器包含字段