JQuery .insertAfter() DOM elements

I have a HTML Table which in which i want to manipulate using JQuery

Table:

<tr><td>----Parent One
<Table id="ChildID" >----Child One

First TR1<TR>

<TD><div class=ExternalClass00FA6D5A488C4B2582667D6D8DF15F79>Value 1</div></TD>

<TD class="ms-disc-bordered-noleft">Value 2</TD>

<TD class="ms-disc-bordered-noleft">Value 3</TD>

<TD class="ms-disc-bordered-noleft">
<A HREF="/Threaded.aspx?RootFolder=%2fLists&amp;FolderCTID=0x01200">Value 4</A>
</TD></TR>

..........

Second TR2<TR>

<TD><div class=ExternalClass00FA6D5A488C4B2582667D6D8DF15F79>Value 1</div></TD>

<TD class="ms-disc-bordered-noleft">Value 2</TD>

<TD class="ms-di开发者_如何转开发sc-bordered-noleft">Value 3</TD>

<TD class="ms-disc-bordered-noleft">
<A HREF="/Threaded.aspx?RootFolder=%2fLists&amp;FolderCTID=0x01200">Value 4</A>
</TD></TR>

........and so on

</TABLE>---Child One

</td></tr></TABLE>---Parent One

i am trying to pick "Value 4" the last having string "FolderCTID" in href and insertBefore "Value 1" with div class that starts with "ExternalClass".

I want to insertBefore the each element in the row to the corresponding element in the same row

I am using following code:

$('a[href*="FolderCTID"]').insertBefore($('div[class^="ExternalClass"]'));

But it is inserting all the elements for every row....i think i should make something to specify the entities and loop around** each end of the entity...

Please help me on this

then you may want this, try this , and let me know,

$('a[href*="FolderCTID"]').each(
    function(){
        $(this).parents('tr').find('div[class^="ExternalClass"]').before(this);
    }
);

$('a[href*="FolderCTID"]').each(
    function(){
        $(this).siblings(':first').insertBefore(this);
    }
)

may this help.