jQuery - выбор набора ссылок, ссылки на которые заканчиваются определенной строкой

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

На самом деле я думаю, что Attribute Ends With Selector был бы более уместнымс именем класса "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]$');
});

Скриптовая ссылка

Answer 3

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

Answer 4

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