2010-08-10 6 views
4

(비록 jQuery의 기능을 여전히 배우고 있지만) 간단한 작업처럼 보입니다. 여기 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로 텍스트. 나는 그것이 내가 설정 한 것의 내부 html로 <li> 요소를 추가하기를 원한다. 나는 이것이 어떻게 연쇄 작용을한다고 생각 했는가? 나는 또한이 시도

<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>'); 

내가 함께 결국 원하는 되는 HTML입니다.

내가 무엇이 누락 되었습니까? .add 기능이 여기에서 사용할 올바른 것이 아닙니까?

답변

5

이 스타일에 .appendTo(...)을 (를) 사용하려고합니다.

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

Try it.

+0

좋아. 선택자 (.html)에 연결할 수 있기 때문에 선택자가 더 좋다. . 감사 – RPM1984

0

나에 대한 문제는 당신이 .add()라는 함수를 사용하고 나는 그런 기능 -wrong이 있다고 생각하지 않는 것 같다.
당신이 당신의 의지 http://api.jquery.com/?ns0=1&s=append을 =) 할()으로 .Append 사용할 수있는 가능성이

나를 위해 좋은 일반적인 규칙은 시도 (

+0

.add 확실히 함수 (http://api.jquery.com/add/). 나는 또한 append를 시도했는데, 같은 일을한다. (html을 추가하고 html 요소를 추가하지 않는다.) – RPM1984

+0

OK - .append ('

  • foo
  • ')와 함께 작동하도록했다. 부끄러운 그 매개 변수는 콘텐츠 및 실제 DOM 요소 (예 : .append ('li') .html ('foo'). 어쨌든, 모두 좋다.) 감사합니다 – RPM1984

    +0

    hehe 내게 부끄러움,. add 함수, 그냥 API 검색은 나를 가리 키지 않았다 : P –

    0

    ) 파이어 폭스를 통해 파이어 버그 콘솔에서 사전에 물건을 시도하는 것입니다

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

    +0

    셀렉터는 li 요소가 없기 때문에 아무 것도 반환하지 않는다. (아직까지는 요점이다.) – RPM1984

    관련 문제