Javascript jQuery—选择一组链接，其中HREF以特定字符串结尾

如何选择以“.jpg”、“.gif”、“png”结尾的链接，但只能选择某个DIV中的链接

像

---

实际上，我认为以选择器结尾的属性更合适

下面的示例将找到位于div下的所有jpg、gif和png href标记，其类名为“stuff_to_select”

$（“div.stuff_to_select a[href$='.jpg']）

---

选择器不是在用class

stuff\u-to\u-select

测试div的href属性吗？我认为应该是

$（“.stuff\u-to\u-to-select a[href$='jpg']，…”）

@Zikes不将div放在类名前面会导致执行速度变慢。谢谢。您的代码以前没有

并且它也起作用了。什么是
做什么？
<div class="stuff_to_select">
  <a href="foo.jpg"> ... </a>
  <a href="boo.jpg"> ... </a>
</div>

<div class="stuff_to_ignore">
  <a href="moo.jpg"> ... </a>
  <a href="boo.jpg"> ... </a>
</div>

$("div.stuff_to_select a[href$='jpg'],
   div.stuff_to_select a[href$='gif'],
   div.stuff_to_select a[href$='png'],")

var jpgs = $('#div_id [href*=".jpg"]');
var gifs = $('#div_id [href*=".gif"]');
var pngs = $('#div_id [href*=".png"]');

var all = $.merge( $.merge(jpgs, gifs), pngs);

var $links = $('div.stuff_to_select a').filter(function(){
    return !!this.href.match('[\.jpg|\.png|\.gif]$');
});