CODEWITHSUNDEEP
javascriptjquery
vamsiampolu
vamsiampolu

Reputation: 6622

Error using the attr function with href

I get the error undefined is not a function when running this code:

var links=$("li").find("a");//this works...has a length of 23
//then I run this
for(var i=0;i<links.length;i++){
  links[i].attr("href");//this does not work
}

What can I do to obtain to get the href property from the link?

Upvotes: 0

Views: 77

Answers (2)

James Allardice
James Allardice

Reputation: 165941

The elements of a jQuery object are DOM elements, not other jQuery objects, so they don't have jQuery methods. You can use the eq method to access jQuery-wrapped versions of those elements:

for(var i=0;i<links.length;i++){
    href = links.eq(i).attr("href");
}

Or just access the property directly:

for(var i=0;i<links.length;i++){
    href = links[i].href;
}

In your example code you're not actually doing anything with the value though so you may want to sort that out too.

Upvotes: 5

soju
soju

Reputation: 25312

You should simply try :

$("li a").each(function(){
  console.log($(this).attr('href'));
});

Or fix your code to create a jquery object to be able to use attr function :

for(var i=0;i<links.length;i++){
  $(links[i]).attr("href");
}

Or simply use href :

  links[i].href;

Upvotes: 1

Related Questions