How to get HTML tag data attributes in jquery

Question

I have the following Html code:

<tr>
   <td><a href="#" class="block" serverid="@storedServerId"></a></td>
<tr/>

But how can I get the 'serverid' attribute's value to use in my jQuery script?

This is what I tried:

var srv= document.getElementById('storedServerId').value;

But it returns simple text not the vlaue!

Thanks,

Varun · Accepted Answer · 2015-06-30 13:43:11Z

2

To get attributes in Jquery,use

$("your-id").attr("your-attr");

WHILE for your HTML 5 data-* attributes, you could use,

$("your-id").data("your-attr");

In your case,it would be.

var j=$(".block").attr("serverid");
alert(j);

answered Jun 30, 2015 at 13:43

Varun

1,9562 gold badges12 silver badges17 bronze badges

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

2 Comments

Blue.Univer Over a year ago

Now I have another question. In case I have multiple cells and in each one of them server ID is unique. How to retreive all values? Any idea!? Best, RadKM

Blue.Univer Over a year ago

I found out how to do it!

PHP Worm... · Accepted Answer · 2015-06-30 13:47:56Z

1

To use data attribute you have to add data-serverid in your anchor And you can get it in jquery by data() function.

  <tr>
       <td><a href="#" class="block" data-serverid="@storedServerId"></a></td>
<tr/>

$(document).ready(function(){
 alert($('a').data('serverid'));
})

answered Jun 30, 2015 at 13:47

PHP Worm...

4,2341 gold badge28 silver badges48 bronze badges

Comments

Blue.Univer · Accepted Answer · 2015-07-03 08:40:31Z

0

This is how to get attributes from multiple classes:

function getServerID() {

        var sid = $('.block').each(function () {

           alert($(this).attr('serverid'));
        });

answered Jul 3, 2015 at 8:40

Blue.Univer

435 bronze badges

Comments

Thyrun · Accepted Answer · 2015-06-30 13:46:36Z

-1

HTML

<tr>
<td><a href="#" class="block" data-serverid="@storedServerId"></a></td>
<tr/>

jQuery

$('.block').data('serverid')

gets you value of your data attribute

http://jsfiddle.net/2rowezve/

answered Jun 30, 2015 at 13:46

Thyrun

1011 silver badge10 bronze badges

3 Comments

Varun Over a year ago

,you have added the data- attribute yourself,OP asked for directly getting the attribute.

Thyrun Over a year ago

Of course I did. That's my attempt on fixing his problem. I see you have problem with that.

Mike Over a year ago

When you shoot an arrow and miss the target, you adjust your aim, not move the target to where the arrow passed. Your answer is worth noting for him, but he may not control the HTML, or may not be able to change it for some reason.

Collectives™ on Stack Overflow

How to get HTML tag data attributes in jquery

4 Answers 4

2 Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related