如何使用.each jQuery获取ID并为每个ID设置属性？

Question

我希望能够获取每个<th>的id并将它们设置为表中每个<td>的data属性。

之前：

<table>
<tr>
<th id="1"><th>
<th id="2"><th>
</tr>

<tr>
<td><td>
<td><td>
</tr>

<tr>
<td><td>
<td><td>
</tr>

...

</table>

之后：

<table>
<tr>
<th id="1"><th>
<th id="2"><th>
</tr>

<tr>
<td data="1"><td>
<td data="2"><td>
</tr>

<tr>
<td data="1"><td>
<td data="2"><td>
</tr>

...

</table>

到目前为止，我有这个jQuery：

 array = $('table th').map(function(){
        return this.id;
    });

    i = 0;
    $('table tr td').each(function() {

       $(this).attr('data-title', array[i]);
       i++;

    });

但这根本不起作用。

有什么想法吗？

Answer 1

问题在于$('table tr td')将返回所有tds，因此如果您有2行4 tds，则结果是8 tds，而8大于您的计数。您必须遍历每一行。

//loop over each row
$('table tr').each(function() {
  //use the index of the td in the row for the array
  $(this).find('td').each(function(index){
    $(this).attr('data-title', array[index]);
  });
});


//or as an alternative
array.each(function(index, id){
  $('table tr td:nth-child('+ (index + 1) +')').attr('data-title', id);
});