Question

OK I have some HTML like this:

<form>
<h3>
<table>
<h3>
<table>
<h3>
<table>
<h3>
<table>
<table>
<input name=action>
</form>

I began using .next() as there was only one element after each h3 but the last section has two tables.

I tried using:

jQuery(this).nextUntil('h3, input[name="action"]').detach();

This code basically creates tabs so each “this” is each h3 then the content is everything after the h3 till the enxt one.

I just need to figure out how to grab th last table as well.

Answer 1

i would try the next-siblings selector.

    $('h3 ~ table').each(...)