javascript - 使用 Jquery 获取和设置内容的位置

Question

我有table两行，第一行是thead第二行tbody（是的，我知道我没有包含这些标签，无需更正）。我的目标是获得每个th. 我的总体目标是克隆每个的内容th并将其添加到每个对应的前面td，所以我有一个非常适合移动的表格，除了我不知道如何动态地实现这一点。

<tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
</tr>
<tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
</tr>

我只是对如何获得每个人的位置感到困惑th，我想一旦我有了这个位置，我就可以解决这个问题的其余部分。谁能给我一个提示我应该去哪里？

Answer 1

假设我正确理解了你的问题，你想要这个输出：

<tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
</tr>
<tr>
    <td>1 - one</td>
    <td>2 - two</td>
    <td>3 - three</td>
    <td>4 - four</td>
</tr>

如果是这样，您需要使用index()来获取列th并根据需要追加。尝试这个：

$('tr td').each(function() {
    var idx = $(this).index();
    $(this).prepend($('th').eq(idx).text() + ' - ');
});

示例小提琴