Reputation: 2938

jQuery .attr retrieving custom attribute returns undefined

i have the following problem using jquery.

I have sth like this

<div id="yxz" value="1">
  <span class="delete"></span>
</div>

now I have this fn but it only returns "undefined", it does however return the id, or class if I ask for this.

$(".delete").click(function(){
  alert($(this).parent("div").attr("value"));
});

I used to get this value with the same attr stuff. Does this have sth to do with me using the jquery 1.6.1 now instead of 1.5.2.

Thanks for your help.

Upvotes: 8

Answers (5)

Reputation: 1377

if using the latest jQuery, try with:

Upvotes: 0

Reputation: 547

I can confirm this code snippet works perfectly in Chrome 11, Firefox 4 and IE 9 using the jQuery Git version.

EDIT: For the ones advising prop(), check the docs. Prop() is used for boolean attributes like: checked, disabled etc.

Upvotes: 5

Reputation: 165951

Your code appears to work fine in this fiddle, using jQuery 1.6

Upvotes: 0

Reputation: 24244

Yes, since jQuery 1.6 I think you need to use .prop() instead of attr().

Upvotes: 0

Reputation: 63734

To retrieve the value of elements, use val(). Since divs don't have values, you should use data() to set and get data.

Upvotes: 3