我在尝试选择内容为“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"});
我怎么能两个都做?
答案 0 :(得分:2)
要搜索“类型”和“尺寸”,您可以添加第二个: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>