Question

HTML：

<table class="datagrid-btable">
   <tbody>
     <tr id="datagrid-row-0">
        <td field="username"></td>
        <td field="firstname"></td>
        <td field="lastname"></td>
        <td field="actions">
            <div>
               <a href="javascript:void(0)" class="editrow" id="1"><span>EDIT</span></a>
               <a href="javascript:void(0)" class="deleterow" id="1"><span>DELETE</span></a>
            </div>
        </td>
     </tr>
     <tr id="datagrid-row-1">
        <td field="username"></td>
        <td field="firstname"></td>
        <td field="lastname"></td>
        <td field="actions">
            <div>
               <a href="javascript:void(0)" class="editrow" id="2"><span>EDIT</span></a>
               <a href="javascript:void(0)" class="editrow" id="2"><span>DELETE</span></a>
            </div>
        </td>
     </tr>
   </tbody>       
</table>

jQuery的：

$('.editrow').on('click', function() {
   console.log($(this).attr('id'));
});

问题：

我不太了解jquery。但我尝试过我也试过这段代码：$('.editrow').closest('td')仍然没有。也许在这方面有帮助的人可以帮助我。

Answer 1

  console.log($(this).attr('id');

为：

 console.log($(this).attr('id'));

Answer 2

如果您将脚本放在<head>的末尾，应该将其包裹起来，

$(function(){ 
    $('.editrow').on('click',function(){
    alert($(this).attr('id'));
    });
});

如果你没有用ready函数包装它，脚本将尝试在DOM存在之前绑定事件处理程序。

否则，将您的脚本放在<body>

的末尾

<script type="text/javascript">
  $('.editrow').on('click',function(){
    alert($(this).attr('id'));
  });
</script>

如何获得一个可点击的href并在jQuery中获取自己的ID？

2 个答案: