使用Jquery将HTML标签属性值存储在变量中

Question

我正在使用JQuery开发应用程序。 这是我正在使用的HTML代码的一部分：

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

我在HTML页面中有下一个JQuery脚本：

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

我想知道如果单击此MarkNag标记如何将“ markable_39”存储在变量中。 我想我应该使用.data（）。 但是我真的不知道如何。 有任何想法吗？ 谢谢

Answer 1

另外，您可以只使用this.id ，例如：

var id = this.id;

Answer 2

像这样做

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

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

 });

Answer 3

实际上，正确的代码应该是$(this).attr("id") 。

Answer 4

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

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

Answer 5

在这里您将从事件发生的地方获取对象

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

在这里，您可以访问currentTarget的任何属性（在本例中为id）

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