jquery , selector, find, text

Question

I have one very interesting question (for me :) )..

I'm using jquery and I want to find in HTML the first tag after my reference one .

For example my 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>

I want to select the first table after <a href="#" class="A" >A</a>, the first table after <a href="#" class="B" >B</a> ... with jquery . Because just this link is reference tag for me in HTML , all tables are the same (don't have any class, ID ...) , and I don't know how many table can be :( ..

Thanks !!!

Answer 1

Use next:

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