Question

我有这个HTML：

<div class="region-list" id="region_North_America">
    <strong>North America</strong>
</div>

并希望在强元素之后添加更多div：

<div class="region-list" id="region_North_America">
    <strong>North America</strong>
    <div> ... </div>
    <div> ... </div>
    <div> ... </div>
</div>

我正在尝试这个：

var row_str = '<div>content here</div>';
$('#region_North_America div:last').html(row_str);

然而，html没有变化。这可能是因为所选元素中没有div。

我知道js正在使用此代码，因为我可以将row_str的内容打印到控制台。

那么，我怎样才能到达容器元素的末尾来添加新项目？

THX。

Answer 1

尝试：

$("#region_North_America").append(row_str);

使用append()。

Answer 2

或者：

$("<div>content here</div>").appendTo("#region_North_America");

动态创建元素，并将其放入文档中使用appendTo方法。

Answer 3

您的代码只会将html放在#region_North_America中的最后一个div中。使用追加功能。

$("div.region-list").append(row_str);

jQuery：将内容添加到div的末尾

3 个答案: