finding links that are hyper-links in jQuery
Posted
by Jacob Lowe
on Stack Overflow
See other posts from Stack Overflow
or by Jacob Lowe
Published on 2010-04-21T06:57:13Z
Indexed on
2010/04/21
7:03 UTC
Read the original article
Hit count: 212
Im trying to take a link either when clicked or hover over be able to grab the attribute href and tell if its a hyper-link or not. Also i want it to be able to tell me if its a hyper-link to my own site. Plus various other filters.
The main purpose for this is so that when a internal link is clicked it will tell ajax to grab the content, alot of my links are generated (via wordpress)so I can't modify them too much. Another purpose for this is so i can also make all external links open on a new window.
I have a solution that works on a simple test page but when i put into a working page it breaks. I know i am probably making this harder then it should be.
Here is my code
$(function(){
$('a').live('click', function(){
var x = $(this).attr('href');
$(this).parent('div').append('<div id="test">' + x +'</div>');
$('#test:contains("http")').css('color', 'red');
$('#test:contains("sitename")').css('color', 'black');
$('#test:contains("admin")').css('color', 'red');
if($('#test').css('color') == 'red'){
alert('external link');
$('#test').remove();
return true;
}else{
alert('external link');
$('#test').remove();
return false;
}
});
});
thanks for you help
© Stack Overflow or respective owner