Как я могу динамически добавить элемент списка в неупорядоченный список?

Question

Похоже на простую вещь (хотя я все еще изучаю все тонкости jQuery).

Вот мой HTML:

<div id="fbsignup">
    <div class="message messageerror"> 
       <strong>There were errors with your registration:</strong> 
          <ul></ul> 
    </div> 
</div>

Вот мой (попытанный) 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:

<div class="message messageerror"> 
   <strong>There were errors with your registration:</strong> 
      <ul>Fields marked with * are required.</ul> 
</div> 

Он добавляет текст во внутренний html.Я хочу, чтобы он добавил элемент <li> с внутренним html того, что я установил - я думал, что так работает цепочка?

Это HTML, который я хочу , чтобы в итоге получить:

<div class="message messageerror"> 
   <strong>There were errors with your registration:</strong> 
      <ul>
         <li>Fields marked with * are required.</li> 
      </ul>
</div>

Я также попробовал это:

$('#fbsignup .message ul').add('<li>Fields marked with * are required.</li>');

Что абсолютно ничего не делает.

Чего мне не хватает?Разве .add функция не подходит для использования здесь?

Answer 1

Вы хотите использовать .appendTo(...) для этого стиля.

$("<li/>").appendTo("#fbsignup .message ul").html("Fields marked with * are required.");​

Попробуйте.

Answer 2

Попробуйте

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

Answer 3

Мне кажется, проблема в том, что вы используете функцию с именем .add () , и я не думаю, что есть такая функция -неправильно.
Скорее всего, вы можете использовать .append (), чтобы выполнить свою волю http://api.jquery.com/?ns0=1&s=append =)

Хорошее общее правило для меня - это попробовать что-то заранее на консоли Firebug (через FireFox)