jquery,选择器,查找,文本

时间:2010-02-14 00:53:31

标签: jquery html select

我有一个非常有趣的问题(对我来说:))..

我正在使用jquery,我想在HTML中找到我引用之后的第一个标记。

例如我的HTML:

    <a href="#" class="A" >A</a>
    <table>
        .....
    </table>
<a href="#" class="B" >A</a>
    <table>
        .....
    </table>
<a href="#" class="c" >A</a>
    <table>
        .....
    </table>

我想在<a href="#" class="A" >A</a>之后选择第一个表,<a href="#" class="B" >B</a>之后的第一个表...用jquery。因为这个链接在HTML中是我的引用标记,所有表都是相同的(没有任何类,ID ...),我不知道有多少表可以:( ..

谢谢!!!

4 个答案:

答案 0 :(得分:5)

使用next

$('a').click( function() {
    var tbl = $(this).next('table'); // find the next table element following the clicked link
});

答案 1 :(得分:2)

$('a.A').next('table') // Get the next <table> element after the a.a

$('a.A').next() // Get the next element after the a.a

答案 2 :(得分:2)

使用jQuery,您可以使用+直接获取另一个元素之后的元素。例如,要在A链接后直接获取表,可以使用:

$(".A + table")

您还可以使用next method

答案 3 :(得分:2)

要获取表格标记,请使用.next()选择器:

例如class =“A”链接,以获取表格:

$(".A").next("table");