使用带有多个类的 jquery 选择器 containsCI答案

【问题标题】：using jquery selectors containsCI with multiple classes使用带有多个类的 jquery 选择器 containsCI
【发布时间】：2013-07-08 09:51:34
【问题描述】：

我需要同时搜索多个值。

<div class="person">
    <div class="first_name">John</div>
    <div class="last_name">Johnson</div>
</div>

var search = "son";

var $found= $(".last_name:containsCI('" + search + "')").parent();

就目前而言，这可以正常工作，在 .last_name 中找到“儿子”可以正常工作，但我真正想要的是能够同时搜索两个字段，以便我可以使用两个名称字段进行捕获。即，如果我搜索“John Smith”，我也应该捕获 .person。

【问题讨论】：

:containsCI() 是什么？（我的意思是，我可以猜到，但鉴于它不是标准的 jQuery 选择器，解释一下也无妨……）
您可以为目标字段添加一个通用类，并使用该类名进行搜索，就像您在 aove 中所做的那样
@nnnnnn：我认为这是一个案例 insensite 包含

标签： javascript jquery jquery-selectors contains

【解决方案1】：

假设您使用 label 标签来显示该信息，这可以解决问题

var $found= $("label:containsCI('" + search + "')").parent();

如果你有一个容器元素来缩小搜索范围，你可以这样做

var $found= $("#container_id label:containsCI('" + search + "')").parent();

或者干脆

var $found= $("#container_id :containsCI('" + search + "')").parent();

【讨论】：