Question

我环顾四周，（奇怪的是）以前找不到这个问题，所以如果这是重复的话，请道歉。

我有一个包含类.attachments的无序列表，如果它里面没有列表项我希望代码在<li>内插入<ul>，如果有的话{ {1}}存在（无论有多少）我希望在<li>之前插入底部。我该怎么做呢？

我有以下代码，但这会在</ul>之后而不是在其内部应用它。

</ul>

Answer 1

请勿使用.after()，请使用.append()：

$("ul.attachments").append($("<li>"));

当<ul>内没有任何项目时，没有特殊情况，您只需将其插入底部即可。这就是DOM树的工作方式。

Answer 2

Append是正确的方法，如果你想在之前插入它，也可以使用prepend。

$('ul').prepend('<p>Test</p>');
$('ul').append('<p>Test</p>');

Answer 3

您可能正在寻找Append方法，不是吗？

Answer 4

您正在寻找appendTo。

示例：

<ul id="first">
</ul>
<ul id="second">
    <li>test</li>
    <li>test2</li>
</ul>

$("<li />", { text: "List item1" }).appendTo("#first");
$("<li />", { text: "List item2" }).appendTo("#second"); // Will be inserted after test2

Demo

如果<li>存在于jQuery </li> </ul> </li>，请将<li>插入空<ul>或底部

4 个答案: