jQuery - 选择一组href以某个字符串结尾的链接

Question

如何选择以“.jpg”，“。gif”，“png”结尾的链接，但只选择某个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>

Answer 1

实际上我认为使用选择器的属性结束会更合适

http://api.jquery.com/attribute-ends-with-selector/

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

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

Answer 2

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

Fiddle link

Answer 3

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

Answer 4

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);