Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas
Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas

jueves, 22 de agosto de 2013

swap dom elements with jquery

Util función para intercambiar elementos en el dom:


function swapElements(elm1, elm2) {
var parent1, next1,
parent2, next2;

parent1 = elm1.parentNode;
next1 = elm1.nextSibling;
parent2 = elm2.parentNode;
next2 = elm2.nextSibling;

parent1.insertBefore(elm2, next1);
parent2.insertBefore(elm1, next2);
}

uso:
swapElements(i[0], k[0]);

no olvidarse si i y k fueron extraidos del dom con jquery de colocar el subindice.
 

miércoles, 21 de noviembre de 2012

php json_encode() y como recorrer array json con jquery

Mi nuevo trabajo me está llevando a aprender algo de jquery y ajax. Hoy se me presentó el problema de recorrer un array de objetos json creado desde php con la función json_encode(). Lo que hace esta función es devolver el código tal cual lo necesita javascript para inicializar un array, por lo que ponemos:
var myObjetoJson = <?php echo json_encode($myObjeto)?>
y ya sale andando como piña.

Ahora para recorerlo: Cómo funciona jQuery.each()?
 jQuery.each(array_de_datos, function(clave, valor){ /* lógica */ });
array_de_datos, coleccion de objetos json o datos

function que manejará el array, el cual se ejecuta en cada posicion del array, por cierto, esta funcion requiere de 2 parámetros los cuales son:

clave: posicion en el arreglo
valor: dato de la posicion