store HTML tag attribute value in a variable using Jquery

Question

I am developing an application using JQuery. This is a fragment of the HTML code I am using:

<MarkNag class="altcheckboxoff" id="markable_38" Azpimark_id="100038">helburua </MarkNag>    
<MarkNag class="altcheckboxoff" id="markable_2"  Azpimark_id="100002">Oriolek </MarkNag>
<MarkNag class="altcheckboxoff" id="markable_39" Azpimark_id="100039">gas liberalizazioa </MarkNag>

I have the next JQuery script in the HTML page:

<script type='text/javascript'>
   $("MarkNag").click(function (){
      $(this).toggleClass("highlight");
   });
</script>

I would like to know how could I store "markable_39" in a variable if this MarkNag tag was clicked. I guess I should use .data(). But I dont really know how. Any ideas? Thanks

possible duplicate of Getting an element's id attribute and get an element's id and probably many others... — Felix Kling
– Felix Kling, Commented May 12, 2012 at 18:07
this refers to a DOM element. You can access a DOM element's ID with this.id. — Felix Kling
– Felix Kling, Commented May 12, 2012 at 18:07

Adil · Accepted Answer · 2012-05-12 18:10:33Z

2

Do it like this

$("MarkNag").click(function () 
 {
       $(this).toggleClass("highlight");

       var IdOfTag = this.id;
       //or
       IdOfTag = $(this).attr('id');  

 });

answered May 12, 2012 at 18:10

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Felix Kling · Accepted Answer · 2012-05-12 18:11:23Z

2

Also, you can just use this.id, like:

var id = this.id;

edited May 12, 2012 at 18:11

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

answered May 12, 2012 at 18:10

Robbie Ferrero

1732 silver badges6 bronze badges

1 Comment

Ashley Strout Over a year ago

True, and somewhat simpler. Good answer.

Ashley Strout · Accepted Answer · 2012-05-12 18:06:41Z

1

Actually, the correct code would be $(this).attr("id").

answered May 12, 2012 at 18:06

Ashley Strout

6,2886 gold badges28 silver badges48 bronze badges

1 Comment

Ashley Strout Over a year ago

Yeah, I know, just habit to wrap it in $(this). I commented on nymous's answer above.

vol7ron · Accepted Answer · 2012-05-12 18:12:21Z

0

$("MarkNag").click(function (){
   $(this).toggleClass("highlight");

   alert(this.id);               // Method 1: this.id
   alert($(this).attr('id'));    // Method 2: $(this).attr('id')
});

answered May 12, 2012 at 18:12

vol7ron

42.3k22 gold badges126 silver badges177 bronze badges

Comments

Gaurav · Accepted Answer · 2012-05-12 18:51:04Z

0

here u will get object from where the event occurs

var eventobject = arguments.callee.caller.arguments[0];

here u can access any attribute of currentTarget (in this case id)

var id = $(eventobject.currentTarget).attr("id");

answered May 12, 2012 at 18:51

Gaurav

8,49714 gold badges57 silver badges91 bronze badges

Collectives™ on Stack Overflow

store HTML tag attribute value in a variable using Jquery

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Linked

Related