jQuery – 如何动态地将列表项添加到无序列表?

看起来像一个简单的事情(尽管我仍在学习jQuery的细节)。

这是我的HTML:

There were errors with your registration:

    这是我的(尝试过的)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.'); } }); 

    这就是它对DOM做的事情:

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

    它将文本添加到内部html。 我希望它添加一个

  • 元素与我设置的内部html – 我认为这是链接如何工作?

    这是我想要最终得到的HTML:

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

    我也试过这个:

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

    这绝对没有。

    我错过了什么? .add函数不适合在这里使用吗?

    你想使用.appendTo(...)来表达这种风格。

    $("

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

    试试吧。

    尝试

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

    我的问题似乎是你正在使用一个名为.add()的函数 而且我认为没有这样的function -错误。
    可能你可以使用.append()来做你的遗嘱http://api.jquery.com/?ns0=1&s=append =)

    对我来说一个好的一般规则就是事先在Firebug控制台上尝试一些东西(通过FireFox)

    Interesting Posts