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

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

или

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

Answer 3

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

$(".A + table") 

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

Answer 4

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

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

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