Skip navigation

A la hora de programar en jQuery suelo crear elementos para añadir a la página. Normalmente solía realizar, por ejemplo, los siguientes pasos:

var li = document.createElement(‘li’);
li.id = ‘acerca-de’;
li.innerHTML = ‘Acerca de’;
$(‘#nav’).append(li);

Como veis, estoy creando un nuevo elemento de una lista, asignándole un ID, insertando su html correspondiente y añadiéndolo a una lista que ya tengo con identificador #nav.

Lo bueno que tiene jQuery es que está desarrollado para poder anidar instrucciones, haciendo que cada función devuelva el mismo elemento. De este modo estos pasos quedarían:

var li = $(document.createElement(‘li’)).attr(‘id’,’acerca-de’).html(‘Acerda de’).appendTo(‘#nav’);

Dejando un código mucho más sencillo, limpio y reducido.

Anuncios

One Comment

  1. mas corto:
    var li = $(“li:last”,(“#nav”)).after(“Acerca de”);

    aunque este método por desgracia no permite aplicar directamente el .attr ni el .html ya que se aplicarían directamente al primer elemento seleccionado y no al nuevo creado.


One Trackback/Pingback

  1. By Bitacoras.com on 20 Abr 2009 at 8:17 pm

    Información Bitacoras.com…

    Valora en Bitacoras.com: A la hora de programar en jQuery suelo crear elementos para añadir a la página. Normalmente solía realizar, por ejemplo, los siguientes pasos: var li = document.createElement(?li?); li.id = ?acerca-de?; li.innerHTML = ?Acerca…..

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: