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

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的内容打印到控制台.

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

谢谢.

Answer 1

尝试:

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

使用append().

Answer 2

要么:

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

要动态创建元素,并将其放在文档中.
使用appendTo方法.