代码之家 › 专栏 › 技术社区 › KallDrexx

jquery append()未按预期追加

append jquery

KallDrexx · 技术社区 · 14 年前

所以我有以下部分

<div id="object_list">

我想在其中附加一个列表和项目。所以我运行下面的jquery

       $("#object_list").empty();
       $("#object_list").append('<ul');
       $("#object_list").append(list.contents());
       $("#object_list").append('</ul>');

代码运行后,对象列表如下

<div id="object_list">
  <ul></ul>
  ...list.contents() elements
</div>

即使在调试之后,如果我再做一次 $("#object_list").append('<ul>'); 我得到的只是一个加法 <ul> 后 </ul> . 为什么jquery不在list.contents()之后附加到HTML,而是在它之前附加?

2 回复 | 直到 13 年前

Scott Christopherson 14 年前

append不仅仅是附加标签,它实际上是附加元素。在这种情况下,您希望将列表项附加到一个未排序的列表中,该列表项将附加到您的DIV中。

做:

$('<ul>').appendTo('#object_list').append(list.contents());

BradBrening 14 年前

问题是,当您打算将项目附加到列表本身时,您会一直附加到“对象列表”。(顺便说一下,您也不会关闭您的ul实例化标签)

尝试如下操作:

var $list = $("<ul></ul>");
$list.append("<li>Something 1</li>");
$list.append("<li>Something 2</li>");
$list.append("<li>Something 3</li>");

$("#object_list").append($list);

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前