Почему значение ячейки таблицы возвращает Undefined?

Question

Jquery:

$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>

Ошибка: предупреждение не определено

Answer 1

Используйте атрибут 'data' вместо 'value'

$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>