jQuery를 사용하여 Ajax로드 후 클래스를 제거하는 방법은 무엇입니까?

Question

jQuery를 사용하여 Ajax로드 후 클래스를 제거하는 방법은 무엇입니까? 나는

 $("#ul_list li").removeClass("highLight"); // this is not working, still see the list background high light color. 

다음 :

우선, 내가 ul_list

 $("#ul_list").load("testListResults"); 

다음의 UL ID로 만 나열 정보가 포함 된 HTML 파일을로드, 나는 모든 하이라이트 클래스 파일을 제거하려고 첫 번째 목록의 텍스트 정보를 가져 오십시오.

 $("#ul_list li:first").text(); // this is not working either, showing empty. 

Answer 1

변경 사항을 콜백 기능에 추가하십시오. 이렇게하면 ajax로드가 완료 될 때까지 스크립트가 실행되지 않습니다.

두 번째 점에 관해서

$("#ul_list").load("testListResults", function(){ 
    $("#ul_list li").removeClass("highLight"); 
    $("#ul_list li:first").text(); 
}); 

, 나는 당신이 당신의 변수에 할당하지 $("#ul_list li:first").text();으로 뭘 하려는지 모르겠지만, 대신 .html() 시도 :

$("#ul_list li:first").html(); 

Answer 2

$("#ul_list").load("testListResults", function() { 
    $("#ul_list li").removeClass("highLight"); 
    $("#ul_list li:first").text(); 
});