Question

我有一个jQuery对象（名为wid），其代码类似于：

<li class='widget'>
    <div class='widget-head'>
        <h3>head</h3></div>
    <div class='widget-content'>
        <p>LINE1</p>
        <p>LINE2</p>
    </div>
</li>

我想在内容的最后一行之后附加<p>LINE3</p>。目前我正在这样做：

var content = $('.widget-content');
var $newItem = $('<p>LINE3</p>').appendTo($(content).last(), wid);

但问题是它将该行追加到最后一个小工具的最后一行（而不是wid）。如何将其附加到wid的最后一行而不是最后一个小部件？

Answer 1

请尝试以下操作：

$('<p>LINE3</p>').appendTo(wid.find('.widget-content'));

根据文档.appendTo()并没有'2个参数重载函数。

Answer 2

var content = $('.widget-content', wid); //or beter wid.find('.widget-content');
var $newItem = $('<p>LINE3</p>').appendTo(content);

您错过了上下文 - 它应该在content查询中。此外，您不必再将内容包装到jq对象中，并且假设您在widget中只有一个内容，则不必使用last。

jQuery - .appendTo对象的特定部分

2 个答案: