jQuery – ¿Cómo puedo agregar dinámicamente un elemento de lista a una lista desordenada?

Parece una cosa simple de hacer (aunque todavía estoy aprendiendo los entresijos de jQuery).

Aquí está mi HTML:

There were errors with your registration:

    Aquí está mi (bash) jQuery:

     // Check Required Fields. $('#fbsignup input.required').each(function () { if ($(this).val().trim() == '') { $(this).next('em').html('*').show(); $('#fbsignup .message ul').add('li').html('Fields marked with * are required.'); } }); 

    Y esto es lo que le está haciendo al DOM:

     
    There were errors with your registration:
      Fields marked with * are required.

    Es agregar el texto al html interno. Quiero que agregue un elemento

  • con el html interno de lo que configuré. Pensé que así es como funciona el encadenamiento.

    Este es el HTML con el que quiero terminar:

     
    There were errors with your registration:
    • Fields marked with * are required.

    También probé esto:

     $('#fbsignup .message ul').add('
  • Fields marked with * are required.
  • ');

    Lo que no hace absolutamente nada.

    ¿Qué me estoy perdiendo? ¿ .add función .add no es lo correcto para usar aquí?

    Desea utilizar .appendTo(...) para este estilo.

    $("

  • ").appendTo("#fbsignup .message ul").html("Fields marked with * are required.");​

    Intentalo.

    Tratar

    $('#fbsignup .message ul li').add

    El problema para mí parece ser que estás usando una función llamada .add () Y no creo que exista tal función. -incorrecto.
    Es probable que pueda usar .append () para hacer su voluntad http://api.jquery.com/?ns0=1&s=append =)

    Una buena regla general para mí es probar cosas de antemano en la consola Firebug (sobre FireFox)

    Intereting Posts