jQuery的未定义的错误获取元素的属性

Question

I have the following code:

 <a id="1" href"javascript:void(0)" onclick="myfunc();" class="a">click</a>


 myfunc(){
    var $id=$(this).attr('id');
    console.log($id);

  }

I am getting undefined error ... and can't figure it out. can any one tell me what is happing?

Answer 1

*.js

$(document).on("click",".a",function(){
console.log($(this).attr("id")); 
});

Using jquery you can handle when the element is clicked and get any attribute with $(this).attr("attribute")

*.html

<a id="1" href"javascript:void(0)" class="a">click</a>

Answer 2

I'm going to assume the following code which fixes your syntax. Please let me know if I am wrong assuming this:

<a id="1" href="javascript:void(0)" onclick="myfunc()" class="a">click</a>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function myfunc(){
    var $id=$(this).attr('id');
    console.log($id);
}
</script>

Your function is actually simply calling myfunc in the global context and the this keyword is referencing window rather than the <a> element. To fix this, either use onclick="myfunc.call(this)" . The complete code is:

<a id="1" href="javascript:void(0)" onclick="myfunc.call(this)" class="a">click</a>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function myfunc(){
    var $id=$(this).attr('id');
    console.log($id);
}
</script>

Answer 3

<a id="1" href="javascript:void(0)" onclick="myfunc()" class="a">click</a>

 myfunc(){
    var $id=$(this).attr('id');
    console.log($id);
  }

you were missing a ton of "" and = and stuff