Question

I have a page that contains two links with the same text “Add new item”, but are targeting different URLs.

I created a javascript that uses jQuery library which references the link by its text. The code is:

var anchorElement = $("a:contains('Add new item')");

This is fine when I want to reference the first link. But, how do I reference the second one, being that they have the same text? Thanks.

Answer 1

To loop through use this

$("a:contains('Add new item')").each(function(){
    alert($(this).attr('href'));
});

You can also grab them by index

var first = $("a:contains('Add new item')").eq(0);
var second = $("a:contains('Add new item')").eq(1);