Question

我正在尝试使用jquery检索数据，但我继续将undefined作为值。 html代码通过PHP函数回显给文档。感谢

<td data-id='332'>
  <i class="fa fa-trash delSubCat"></i>
  <a href='#'>Validate</a>
</td>

$(document).on('ready',function(){
  $(this).on('click',function(event){
    event.preventDefault();
    console.log($(this).parent().data("id"));
  });

});

Answer 1

有两个问题

1）你没有遵循td以上的表和tr的层次结构，因此它没有得到正确的渲染。

2）您在此处添加了侦听器而不是

 <table>
      <tr>
    <td data-id='332'>
      <i class="fa fa-trash delSubCat"></i>
      <a href='#'>Validate</a>
    </td>
        </tr>
    </table>

JS

  $('a').on('click',function(event){
    event.preventDefault();
    console.log($(this).parent().data("id"));
  });

工作jsfiddle：

https://jsfiddle.net/Lbagfn7o/

Answer 2

您遗失了<table>标记，因为结构无效，a的父级成为正文

＆＃13;

$(document).on('ready',function(){
  $('a').on('click',function(event){
    event.preventDefault();
    console.log($(this).parent().data('id'));
  });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>

<td data-id='332'>
  <i class="fa fa-trash delSubCat"></i>
  <a href='#'>Validate</a>
</td>

</table>

＆＃13;

Jquery数据返回undefined

2 个答案: