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() .