. appendto对象的特定部分

jQuery - .appendTo a specific part of an object

本文关键字:定部 对象 appendto      更新时间:2023-09-26

我有一个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的最后一行,而不是最后一个小部件?

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

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

尝试如下:

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

根据文档。appendto()没有重载两个参数的函数