jquery＆＃34; on＆＃34; div的属性得到＆＃34; attr＆＃34;不工作？

Question

jquery on click get attr

<div class="benzer">
      <i class="off" pk="125">click me</i>
    </div>
<script>
 $(document).ready(function(){
    $(".benzer").on("click",".off",function(){
        $pk = $(this).attr("pk");   
        console.log($pk);
    });
)};
<script>

＆＃34; PK＆＃34;获取值未定义？

请帮帮我，jquery关于div的属性让at at不工作？

https://jsfiddle.net/ktb5ky46/1/

Answer 1

没有pk属性，$pk不是变量。 )};<script>应为})</script> 的 HTML

<div class="benzer">
      <i class="off" pk="125">click me</i>
    </div>

<强> JS

 $(document).ready(function(){
    $(".benzer").on("click",".off",function(){
        pk = $(this).attr("pk");   
        console.log(pk);
    });
});

修改 好的，现在你加了attr pk. 现在得到小提琴here

修改 jsfiddle

Answer 2

您只需使用数据属性来避免未定义的pk属性

<div class="benzer">
      <i class="off" data-pk="125">click me</i>
    </div>


  $(document).ready(function(){
    $(".off").click(function(){
   console.log($(this).attr('data-pk'));//125
    });
});

http://jsfiddle.net/divakarvenu/j484e6hh/1/