$(a,this).attr('href') returns undefined

Question

Im using ajax to load some data from a mysql database... my problem is, it getting the id for the data i want to load, i have set the HREF value as the id... so an example is:

`<a href="16" title="View Story: ssasds">ssasds</a>`,

16 is the id value i need... my code is:

$('.artefact').click(function()
                {

                var storyId = $('a',this).attr('href');
                console.log(storyId);
                               }

when i check the console (firebug) it just says undefined. please try and help out, as i have tried other methods of getting the data but gets messy.

thanks

Answer 1

Seems like .artefact has two a s. Based on this:

$('.artefact').click(function () {
    var storyId = $('a', this).filter("[href]").attr('href');
    console.log(storyId);
});

EDIT

On second thought, this looks cleaner:

$('.artefact').click(function () {
    var storyId = $(this).find("a[href]").attr('href');
    console.log(storyId);
});

Answer 2

Is .artefact a link? If yes, why to use $('a', this) instead of just $(this) ?

Answer 3

You have 2 links in the div element (Looking at code you provided). So to get the href (if that link is always the last one in div, you should use:

$('.artefact').click(function() {
  var storyId = $('a', this).last().attr('href');
  console.log(storyId);
});

And as others have said, you were missing parentesis too.

Answer 4

尝试这个：

var storyId = $(this).attr('href');

Answer 5

你需要使用$(this).attr('href')

Answer 6

Yeah, closing parenthesis is in fault http://jsfiddle.net/h7HuJ/1/ I used your given HTML code.

You have two anchors inside that DIV, so you need to specify, which one to select. I used your class name.

Answer 7

@Neil Stewart: See -- http://jsfiddle.net/Chby2/

You didn't add the artefact class to the link and your jQuery code was also missing the closing parenthesis: );