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

Getting and Setting position of Content with Jquery

本文关键字：位置 设置 Jquery 获取 使用      更新时间：2023-09-26

我有一个有两行的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的位置感到困惑，我认为一旦我有了这个，我就可以解决这个问题的其余部分。谁能给我一个提示，我应该去哪里？

假设我正确理解了您的问题，您需要此输出：

<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() + ' - ');
});

示例小提琴

相关文章：