jquery :包含多选

Question

我在尝试 select 内容为 'type' 和 'size' 的锚点时遇到了一些困难。

我有一个列表：

<ul>
<li><a>type</a></li>
<li><a>size</a></li>
<li><a>size type</a></li>
<li><a>type</a></li>
<li><a>type size</a></li>
</ul>

我需要做的是select所有内容为"Type & Size"

的主播

我做了 select 内容类型的锚，我仍然需要连接 selection 多次选择

$("li a:contains("type")").closest('li').css({"border","2px solid green"});

我怎样才能两者兼顾？

Answer 1

要同时搜索 "type" 和 "size"，您可以添加第二个 :contains:

$("li a:contains('type'):contains('size')").closest('li').css("border","2px solid green");

上面修复的代码的另外两个问题：

也请注意您的引用。如果字符串使用 "，请在其中使用 '。
您有 { 和 }，但您没有提供有效的对象初始值设定项。对于上面的内容，你不需要一个对象，只需要两个参数。但是，如果您使用的是一个对象（也是有效的），则需要在属性名称和值之间添加一个 :，例如 {"border": "2px solid green"}.

实例：

$("li a:contains('type'):contains('size')").closest('li').css("border","2px solid green");

<ul>
  <li><a>This has type</a></li>
  <li><a>This has size</a></li>
  <li><a>This has type and size</a></li>
  <li><a>This has neither</a></li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

jquery :包含多选

jquery :contain multiple selection

javascript

jquery

jquery-selectors