jQuery向上遍历并找到

Question

我有一个表，它使用 jQuery 可排序来拖放和排序表中的元素。

当将一个元素放入 "sortable-row" 时，我想从前一个 "section-row" 中读取 data-id。

当该行被放到“section-row”正下方的行中时，我已经成功地实现了这一点，或者下面的 2 个级别。

第一层下：

($(ui.item[0]).closest('tr').prev('.stop-row').data('id');

第二级：

$(ui.item[0].previousElementSibling).closest('tr').prev('tr.stop-row').data('id');

问题是“部分”可以添加任意数量的行，所以我需要某种循环来检查前一个元素是否是“部分行”，如果不是，请检查以下内容以前的。

我如何使用 jQuery 实现这一点？

我的桌子：

<table class="table table-bordered table-responsive">
    <thead>
        <tr>
            <td>Assignment</td>
        </tr>
        <tr>
            <td>Type</td>
        </tr>
        <tr>
            <td>Time</td>
        </tr>
        <tr>
            <td>Level</td>
        </tr>
    </thead>

    <tbody class="sortable">
        <tr class="section-row" data-id="{{ id }}">
            <td> Section-{{ id }}</td>
        </tr>
        <tr class="sortable_row">
            <td>{{ assignment }}</td>
            <td>{{ type }}</td>
            <td>{{ time }}</td>
            <td>{{ level }}</td>
        </tr>
    </tbody>
</table>

Answer 1

您可以这样做： $(ui.item[0]).closest('tr').prevAll('.section-row:first').data('id');

它将转到最近的tr，搜索所有前面的tr，并在.section-row类的第一个处停止。