Question

Consider the following link and associated Javascript function:

<a class="someClass" href="#" onClick="someFunc('someVal'); return false;">Run someFunc</a>

function someFunc(val) {
    doSomething(val);
}

I would prefer to refactor the link and Javascript function to support some additional functionality (the link is actually in a div returned by AJAX):

<a class="someClass" href="#" someAttribute="someVal">Run someFunc</a>

$(".someClass").click(function(e) {
    e.preventDefault();
    // How to get value of someAttribute?
    doSomething(val);
});

How can I get the value of someAttribute? Thanks.

Answer 1

Use attr() method

$(".someClass").click(function(e) {
    e.preventDefault();
    // How to get value of someAttribute?
   alert( $(this).attr('someAttribute'));
});

DEMO: http://jsfiddle.net/buC8k/

API refrence: http://api.jquery.com/attr/