JQuery, селектор, найти, текст

Question

У меня есть один очень интересный вопрос (для меня :)) ..

Я использую 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 ...), и я не знаю, сколько таблиц может быть :( ..

Спасибо !!!

Answer 1

Использование next:

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

Answer 2

Чтобы получить тег таблицы, используйте селектор .next () :

Например, ссылка class = "A", чтобы получить таблицу:

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

Answer 3

С помощью jQuery вы можете использовать +, чтобы получить элемент сразу после другого элемента. Например, чтобы получить таблицу непосредственно после ссылки A, вы можете использовать это:

$(".A + table")

Вы также можете использовать метод next .

Answer 4

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

или

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