JQuery .insertAfter() DOM 元素

Question

我有一个 HTML 表，我想在其中使用 JQuery

表进行操作：

<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-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>---Child One

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

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

我想将行中的每个元素 insertBefore 到同一行中的相应元素

我使用以下代码：

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

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

请帮助我

Answer 1

那么你可能想要这个，
试试这个，然后让我知道，

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

Answer 2

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

这可能有帮助。