jQuery find img

Question

<img src="http://site.com/some/category/thread_17.jpg" />
<img src="http://site.com/other/thread_17.jpg" />

How to find the last image on the page, that have "thread_" after last "/" in its src attribute?

Script should throw src to some variable.

Ajax is used to find the images on external page

$.ajaxQueue({
 url: link, 
 type: 'GET',
 success: function(data) {
  var src = $('.slide img', data).attr('src');
 }
});

It gives attribute of the last image from .slide block.

Thanks.

score 3 · Accepted Answer · answered Jun 18 '10 at 05:38

3

$('.slide img[src*=\\/thread_]:last', data) might do it

answered Jun 18 '10 at 05:38

Scott Evernden

39,136
15
78
84

score 1 · Answer 2 · answered Jun 18 '10 at 05:42

You can iterate through ALL of the images you have & perform regex on them, like this:

$('.slide img', data).each(function(index){
   src = $(this).attr('src');
   stringarray = src.split('/');
   last_piece = stringarray[stringarray.length-1]
   regexpatt = /thread_/
   if ( regexpatt.test(last_piece) )
   {
      alert('we have a winner!');
   }
   else
   {
      alert('that was disappointing');
   }
});

I am sure there is probably a more elegant way - you should probably search through the jquery docs for it, but this works... :)

score 1 · Answer 3 · answered Jun 18 '10 at 05:45

1

var src = $(data).find('.slide img').last().attr('src');

answered Jun 18 '10 at 05:45

jAndy

231,737
57
305
359

score 1 · Answer 4 · edited May 23 '17 at 10:27

1

You can use Regex in selectors

http://james.padolsey.com/javascript/regex-selector-for-jquery/

jQuery selector regular expressions

Hope this can help

Regargs.

edited May 23 '17 at 10:27

Community

1
1

answered Jun 18 '10 at 05:46

Shoaib Shaikh

4,565
1
27
35

dotcoder · Answer 5 · 2010-06-18T05:58:03.810

1

Try the following.

var srcAttr = $('.slide img[src*=\/]', data).filter(function() {

            var src = $(this).attr('src');
            return src.substr(src.lastIndexOf("/")).indexOf('thread_') >= 0

        }).last().attr('src');

Here I am doing the following things.

The selector gets us all the images with their src tags having a "/".
Filtering the images that have "thread_" after the last "/"
Taking the last image of all such images
Taking the src attribute of it.

edited Jun 18 '10 at 05:58

answered Jun 18 '10 at 05:51

dotcoder

2,828
10
34
50

I tested this and found that it is working with the examples you gave. – dotcoder Jun 18 '10 at 06:01

score 1 · Answer 6 · answered Jun 18 '10 at 06:04

Best guess, use a little .filter() with a RegExp, and then the .last() element in the set, grab its src using .attr('src')

var src = $('.slide img', data).filter(function() {
  // only keep <img> whos src have '/thread_' without another '/' before the end
  return $(this).attr('src').match(/\/thread_[^\/]*$/);
}).last().attr('src');

jsfiddle demo

jQuery find img

6 Answers6