Question

如何使用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')

Answer 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')

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

1 个答案: