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,

Answer 1

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);

Answer 2

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'));
})

Answer 3

这是从多个类获取属性的方法：

function getServerID() {

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

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

Answer 4

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/

How to get HTML tag data attributes in jquery

4 个答案: