jQuery: agregar contenido al final de la div

Question

tengo este código HTML:

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

y quiero añadir más divs después del elemento fuerte como para dar lugar a:

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

Estoy tratando esto:

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

Sin embargo, no hay cambios en el html. Esto es probablemente así ya que no hay div dentro del elemento seleccionado.

Sé que js está llegando a este código porque puedo imprimir el contenido de row_str en la consola.

Entonces, ¿cómo puedo llegar al final de ese elemento contenedor para agregar los nuevos elementos?

Thx.

Answer 1

Probar:

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

usando append().

Answer 2

O:

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

Para crear el elemento sobre la marcha, y lo coloca en el documento.
Usando el método appendTo.

Answer 3

Tu código solo colocará html en el último div dentro de #region_North_America. Use la función de agregar.

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