jQuery를 : HTML (데이터) 기존의 요소

Question

Parent-1에 사용자가 클릭 한 후 하위의 두 번째 div에로드하는 경우

<div id='branch-1'> 
    <ul> 
    <li><span>Parent-1</span></li> 
    <li><span>Parent-2</span></li> 
    <li><span>Parent-3</span></li> 
    </ul> 
</div> 
<div id='branch-2'></div> 
<div id='branch-3'></div> 

먼저 div 요소, 페이지가로드됩니다 다음과 같이 내가 세 div 요소를했습니다를 삭제하지 , Parent-2 and Parent-3에 대해서도 마찬가지로 다음과 같이 ajax을 사용하십시오.

$("div#branch-1 ul li span").click(function() { 
    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     dataType: 'html', 
     async: false, 
     success: function (data) { 
      $("div#branch-2").html(data); 
      $("div#branch-3").empty(); 
     } 
    }); 
});  

초 div 요소에 사용자가 클릭 한 후 내가

$(document).on("click", "div#branch-2 ul li span"function() { 
    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     dataType: 'html', 
     async: false, 
     success: function (data) { 
      $("div#branch-3").html(data); 
     } 
    }); 
}); 

실제 질문은 다음과 같이 ajax를 사용하는 제 3 div에 그 자식 요소를로드하고있어 다시 경우 : 때때로 $("div#branch-3").html(data); 기존 데이터를 삭제되지 않습니다, 그런 이유로 나는 전에 다음 진술을 시도했다. $("div#branch-3").html(data);

$("div#branch-3").html(""); // Not worked 
//OR 
$("div#branch-3").empty(); // Not worked 
//OR 
$("div#branch-3").contents().remove(); // Not worked 

나는 모든 위의 문이 제대로 작동하는 div#branch-3 ul 또는 div#branch-3 li 또는 div#branch-3 span에 div#branch-3에서 selector 이상 변경하는 경우

, html(data) 기존 데이터를 대체 할 수없는 이유

1. ? 는 IS, 가끔.html(data) 기존 데이터를 삭제하지 않는 위에서 말했듯이 다음
2. 내가

추가 정보 추가 parent element idselector로 통과하고있어 비록 자사의 기존 요소를 삭제하는 이유 selector을 변경 한 후

이 Parent-1에 대한 가정의 경우 두 아이의이 Child-1,Child-2을 말할 수있는, 다시 Child-1는이 두 아이의 A,B 및사용자가 다음 X,Y이 A,B하지만 Z로 교체하는 Child-1에 사용자가 클릭이 여전히 존재 다시 경우, 다음 X,Y,Z이 branch-3 div의 벌금 보이고있다 Child-2를 클릭하면세 아이의 X,Y,Z .Think 있습니다. 나는 그 (Z) 위치를 불을 지른 다음 그 지점을 가리 키려고한다. success 함수가 호출되지 않습니다 - 내가 생각하는

Answer 1

가 문제가 있다는 것입니다, 사실 this-

$("div#branch-3").html(markUp).trigger("create"); 

Answer 2

을보십시오. 이 올바른 생각은 당신의 성공에 대한 경고 추가 ("나에요!") 성공 여부를 확인하는 것입니다 :

success: function (data) { 
     alert("I'm in!"); 
     $("div#branch-3").html(data); 
    }