javascript - 为什么表格单元格的值返回未定义？

Question

查询：

$datasearch.append('<tr>'
    +'<td class="edit-btn" id='+"tid"+' onClick='+"pic()"+'  value='+"hhh"+'></td>'+
    +'</tr>');

功能：

<script type="text/javascript">
 function pic() {
    var x = document.getElementById("tid").value;
    alert(x);
 }
</script>

错误：警报未定义

标签： javascriptjquery

Answer 1

使用“数据”属性而不是“值”

$datasearch.append(
`<tr>
   <td class="edit-btn" id="tid" data="hhh">hhh</td> 
</tr>`);

功能

<script type="text/javascript">
 $(()=> {
    $('body').on('click', '#tid', function() {
      let $this = $(this);
      let x = $this.data() || $this.attr('data');
      alert(x);
    }
 });
</script>