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

Question

我有这个HTML:

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

并且想在 strong 元素后添加更多的 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的内容打印到控制台。

那么，我该如何到达容器元素的末尾添加新项？

谢谢。

- user290043

Answer 1

尝试：

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

使用append()方法。

- Andrew Whitaker

Answer 2

或者：

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

使用appendTo方法，在文档中创建元素并将其放置在其中。

- Aidiakapi

Answer 3

你的代码将会把HTML放在#region_North_America中最后一个div里。使用append函数。

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

- Trevor