JQuery .insertAfter（）DOM元素

Question

我有一个要使用JQuery进行操作的HTML表

表：

<Table>

<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>  
...............
<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>

........and so on 

</Table>

我试图在href中选择最后一个具有字符串“ FolderCTID”的“值4”，并以“ ExternalClass”开头的div类插入“值1”。

我想将行中的每个元素插入到同一行中的对应元素之前

我正在使用以下代码：

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

但是它正在为每一行插入所有元素....我想我应该做些事情来指定实体并在实体的每一端循环...

请帮我

Answer 1

您只需要在当前tr内查找ExternalClass，这样您就可以像这样作为起点：

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