在单个属性上有多个jQuery选择器条件？

Question

可以在单个属性上组合多个jquery选择器吗？例如，查找指向"media/pdfs“目录中的PDF文件的所有链接。

包含"media/pdfs“的href的链接

$("a[href*='media/pdfs']")

指向PDF文件的链接

$("a[href$='.pdf']")

我希望有可能像下面这样以某种方式结合起来？

$("a[href*='media/pdfs/*.pdf']")

使用正则表达式可以很容易地解决这个问题，但是the documentation on selectors并没有说这是可能的。谢谢!

Answer 1

您只需将它们正常地组合在一起：

$("a[href*='media/pdfs'][href$='.pdf']")

现场示例：

​

$("a[href*='media/pdfs'][href$='.pdf']").css("color", "green");

<div><a href="media/pdfs/foo.pdf">Match</a></div>
<div><a href="media/pdfs/foo.jpg">Not a match</a></div>
<div><a href="foo.pdf">Not a match</a></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

​