Forums

schart

So I'm making this "news feed", and I want to include a thumbnail if the div has a link, so is there any way using jQuery (or PHP if possible) to detect if the div includes a link, and if it does do something? Also, the div is classed "updates" and it's repeated, so I should be able to do this to every div.

karlpcrowley

Like this?
http://jsfiddle.net/KayJr/

schart

Yes exactly, but can we use $(this) so that I can use it with multiple divs with the class of .updates? I tried, but no luck.

karlpcrowley

not sure what you mean
you want to find anything with the class of updates with the $(this) div?

schart

http://jsfiddle.net/3yXtk/ :)

karlpcrowley

http://jsfiddle.net/3yXtk/2/

schart

Great, but my goal is to append something to it. Is that possible using appendTo?

karlpcrowley

http://jsfiddle.net/3yXtk/3/

schart

Wonderfull! Can I somehow grab the href of that link as well?
http://jsfiddle.net/3yXtk/4/

karlpcrowley

http://jsfiddle.net/3yXtk/5/

schart

Thank you so much :)

schart

OK, so my code is like this:

$("div.updates").each(function() {
    if ($(this).find('a').length > 0) {
        var theHref = $(this).find('a').attr('href');
        $(this).find('a').parent('div').append("<br /><a href='" + theHref + "'><img src='http://open.thumbshots.org/image.aspx?url=&quot; + theHref + " alt='Image Preview for " + theHref + "' title='Go to " + theHref + "' /></a>");
    }
});

Now on my feed there is a "Full Post" link, could I exclude any links that include "/post.php" or something like that?

schart

Or well, I realize I have tagging as well, and #search, so edit that to any link that look like @this , #this or "Full Post"?

karlpcrowley

you could do something like this

if(theHref ==="/post.php"){
//The link includes /post.php
//Do something here
}

treehouse : what would you like to learn today?

Forums

If Div has Link jQuery?