JQuery: добавить контент в конец div

У меня есть этот 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 на консоли.

Итак, как я могу дойти до конца этого элемента контейнера, чтобы добавить новые элементы?

спасибо.

Ответ 1

Try:

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

используя append().

Ответ 2

Или:

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

Чтобы создать элемент "на лету" и поместите его в документ.
Используя метод appendTo.

Ответ 3

Ваш код будет просто помещать html в последний div в #region_North_America. Используйте функцию добавления.

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