Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Javascript que contiene a Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype

Datos de búsqueda

Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero se puede suplir creando un método para Prototype.

Ejemplo de appendTo() en el que se selecciona el elemento LI ascendiente más próximo:

$('#id-1').appendTo('#id-2');

O crear un método para utilizarlo como en Jquery:

Element.addMethods({
  appendTo: function(elemento, nuevoContenedor, posicion) {
    var opciones;
    opciones = {};
    opciones[posicion] = elemento;
    nuevoContenedor.insert(opciones);
    return elemento;
}});

El método tiene tres parámetros:

  • ‘elemento’: El elemento inicial que queremos mover.
  • ‘nuevoContenedor’: El elemento de destino.
  • ‘posicion’: Ubicación del elemento inicial en el elemento de destino (‘top’, ‘bottom’).

Y se utilizaría del siguiente modo:

Element.appendTo($('#id-1'),$('#id-2'),'top');

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio