How to get the attributes of a HTML element using JQuery?

Question

Hi,

I am wondering whether there is a way in which I can get the value within a given HTML element using JQuery?

Example

<span id="45463_test"></span>

(using the proper tags made the code to processed)

What I want is the '45463_test' value within the id attribute (using JQuery).

Thanx for the responses and the edit.

I would it such that I can get the attribute value of a tag which has been clicked.

Answer 1

You kind of need a different selector in order to tell jQuery which span element to look at.

$("span").attr("id")

Which would get the Id attr value of all spans on the page.

For example, if you had

<span id="mySpan" class="mySpanClass"></span>

you could get the IDs of all the spans with class "mySpanClass" using:

$("span[class='mySpanClass']").attr("id")

Documentation here: http://api.jquery.com/attr/

Answer 2

Get: $("#45463_test").attr('id'); Set: $("#45463_test").attr('id','new value');

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

Answer 3

If you only want to get the ID of the <span/> you clicked then it's better to apply a click event handler to each span and catch the attribute value.

$("span").click(function() {
  return $(this).attr("id");
});

Answer 4

can't help but noticed,

you need something like this..

$("span").click(function() {
  alert(this.id);
});

good to play demo