jQuery append() 就在一个元素之后，答案

【问题标题】：jQuery append() just after a element,jQuery append() 就在一个元素之后，
【发布时间】：2015-01-21 14:31:12
【问题描述】：

我有这个 html ：

<div id="idtest">
<h4>click me test</h4>
</div>  
<ul id="collapse-PerfilManage" class="collapse">
     <li><a class="privateMenuLinkJS "><i class="fa  fa-lock"></i> elm1</a></li>
     <li><a class="privateMenuLinkJS inativeLinkCODE"><i class="fa  fa-lock"></i> elm2</a></li>
     <li><a class="privateMenuLinkJS "><i class="fa  fa-lock"></i> elm3</a></li>
     <li><a class="privateMenuLinkJS "><i class="fa  fa-lock"></i> elm4</a></li>
 </ul>

我想在“li”中添加一些内容，该“li”具有“a”元素和“inativeLinkCODE”类。

为此，我有这个 jquery 代码：

$(document).on("click ", "#idtest", function() {
    $("a").each(function() {
        if ($(this).hasClass("inativeLinkCODE")) {             
            $(this).parent().append("<span>New</span>");
        }
    });    
});

这段代码的结果是：

<li><a>elm2</a><span>New</span></li>

我想要这样的：

<li><span>New</span><a>elm2</a></li>

就在标签“li”之后。知道该怎么做吗？我试过 append() 和 after() 都没有用。

这里有小提琴。 http://jsfiddle.net/a7ww6xyL/

这些解决方案不适合我的情况 jQuery - add element after text jQuery: Add element after another element

【问题讨论】：

标签： jquery append

【解决方案1】：

您是否尝试过预先添加，这可能会解决您的问题？ http://api.jquery.com/prepend/ 只需更改此行：

$(this).parent().append("<span>New</span>");

到这里

$(this).parent().prepend("<span>New</span>");

小提琴链接：http://jsfiddle.net/a7ww6xyL/1/

【讨论】：

【解决方案2】：

您应该改用 prepend。在父元素之前添加 put 而在父元素之后添加 put。

$(document).on("click ", "#idtest", function() {
    $("a").each(function() {
        if ($(this).hasClass("inativeLinkCODE")) {             
            $(this).parent().prepend("<span>New</span>");
        }
    });    
});

【讨论】：

【解决方案3】：

你就是那样做。

$(document).on("click ", "#idtest", function() {
    $("a").each(function() {
        if ($(this).hasClass("inativeLinkCODE")) {             
            $(this).parent().prepend("<span>New</span>");
        }
    });    
});

【讨论】：