<a href="test1.php" class="test">test1.php</a>
<a href="test2.php" class="test">test2.php</a>
<a href="test3.php" class="test">test3.php</a>
<a href="test4.php" class="test">test4.php</a>
...
<a href="testN.php" class="test">testN.php</a>
We can get attr a one link:
$('.el').click(function(){
var href = $('.test').attr('href');
});
But how get array with all href all links?
Try to use .map() along with .get() to collect all of those href associated with relevant anchor tags in an array,
$('.el').click(function(){
var href = $('.test').map(function(){
return $(this).attr('href');
}).get();
});
You can do that with $.map
$('.el').click(function(){
var hrefArray = $.map($('.test'), function(el) { return $(el).attr('href'); });
});
$(".test").map(...).get().
$(collection).map() creates a new collection wrapped in jQuery that I then have to unwrap with get(). As I'm creating an array, I'm using $.map instead as it will create the array directly without wrapping it in jQuery and then needing to be unwrapped again. This is why there are two methods with different use cases.Array.slice(), which may come in handy if $(".test") matches a lot of objects.get() just calls Array.slice, and it also saves the work it takes for jQuery to wrap it in the first place etc.var hrefArray = [];
$.each($('a'), function(index, element){
hrefArray.push(element.href);
});
