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

6ioyuze2  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(123)

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

noj0wjuj1#

首先检查同一个表中下一行元素的长度,如果不是,那么你可以遍历最近的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')

相关问题