jquery:包含多个选择

时间:2015-09-17 07:43:50

标签: javascript jquery jquery-selectors

我在尝试选择内容为“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>

我需要做的是选择内容为“Type&amp; Size”

的所有锚点

我确实选择了具有内容类型的锚点,我仍然需要连接选择多次选择

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

我怎么能两个都做?

1 个答案:

答案 0 :(得分:2)

要搜索“类型”和“尺寸”,您可以添加第二个:contains

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

上面修复了您的代码的其他两个问题:

  1. 还要注意你的报价。如果字符串使用",请在其中使用'

  2. 您有{},但您没有提供有效的对象初始值设定项。对于上面的内容,您不需要一个对象,只需要两个参数。但是如果您使用的是对象(也是有效的),则在属性名称和值之间需要:,例如{"border": "2px solid green"}

  3. 直播示例:

    $("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>