Código
Gracias por su tiempo
$articulo.addClass('articulo');
Código
function agregar_articulos(lista_articulos) { //Contenedor de los articulos var $contendor_principal = $('#articulos-wp'); //Descomentar para ver el formato en que llegan los datos //console.log(lista_articulos) //Recorro el objeto JSON for( var i = 0; i < lista_articulos.length; i++ ){ /* * Creo los tags que contendran la info de cada articulo */ var $articulo = $('<article> </article>'); var $articuloHeader = $('<header> </header>'); var $articuloTitulo = $('<h1>'); var $articuloFecha = $('<span>'); var $articuloContenido = $('<div>'); //addClass es un metodo jQuery, agrega una clase CSS al elemento $articulo.addClass('articulo'); //Agrego el texto del titulo y la fecha. $articuloTitulo.text( lista_articulos[i].titulo ); $articuloFecha.text( lista_articulos[i].fecha ); $articuloContenido.addClass('contenido'); $articuloContenido.text(lista_articulos[i].encabezado); /* * Utilizo el metodo .append() para insertar los elementos o tags * dentro de sus padres. */ $articuloHeader.append($articuloTitulo); $articuloHeader.append($articuloFecha); $articulo.append($articuloHeader); $articulo.append($articuloContenido); ///Por ultimo agrego el articulo completo al contenedor de estos. $contendor_principal.append($articulo); } }