如何使用jquery通过td的data attr获取th文本并设置值

Question

这里我已经完成了这段代码

$('table td').each(function(index, element) {
        var th = $('table tr:first-child th').eq($(this).index()).text();
    $(this).attr('data-title', th);
});

我的问题是当我使用多表是不工作的。

<table style="width:100%">
  <tr>
    <th>title-1</th>
    <th>title-2</th>
  </tr>
  <tr>
    <td>ooo</td>
    <td>fds</td>
  </tr>
</table>

<table style="width:100%">
  <tr>
    <th>title-3</th>
    <th>title-4</th>
  </tr>
  <tr>
    <td>ooo</td>
    <td>fds</td>
  </tr>
</table>

有没有人能解决这个问题，我在上面给出了一些示例代码供参考

Answer 1

您的selector将在document上运行，将其限制为当前表，

$('table td').each(function(index, element) {
   var th = $(this).closest('table').find('tr:first-child th').eq($(this).index()).text();
   $(this).attr('data-title', th);
});

DEMO

Answer 2

使用基于$(this)的DOM遍历。

var th = $(this).closest("table").find("tr:first-child th").eq($(this).index()).text();