jQuery从当前表的最后一行中选择下一个表中的第一行答案

【问题标题】：jQuery select first row in next table from last row current tablejQuery从当前表的最后一行中选择下一个表中的第一行
【发布时间】：2016-03-20 22:35:03
【问题描述】：

如何使用 jQuery 在下一个表中选择下一行。例如，我想从第二个表中的链接 2 转到链接 3。

<div class="panel">
    <table>
        <tbody>
            <tr>
                <td>
                    <a href="1.html">1</a>
                </td>
                <td>
                    <a class="current" href="2.html">2</a>
                </td>
            </tr>
        </tbody>
    </table>    
</div>
<div class="panel">
    <table>
        <tbody>
            <tr>
                <td>
                    <a href="3.html">3</a>
                </td>
                <td>
                    <a href="4.html">4</a>
                </td>
            </tr>
        </tbody>
    </table>    
</div>

我使用这个脚本，但不会在另一个表中选择下一行，而是在它自己的表中工作。

$('.current').parents('tr').next().find('a').attr('href')

【问题讨论】：

标签： jquery row html-table next

【解决方案1】：

首先检查同一个表中下一行元素的长度，如果不是，那么你可以遍历到最近的div .panel而不是遍历到tr元素。

您还应该使用.closest() 而不是.parents() 来仅定位最近的第一个祖先：

var nexttr = $('.current').closest('tr').next();
if(nexttr.length)
   somehref = nexttr.find('a').attr('href');
else
   somehref = $('.current').closest('.panel').next().find('a').attr('href')

【讨论】：