복사하지 않고 jQuery .load 함수로 요소 새로 고침

Question

사용자가 제출 버튼을 클릭하면 div .forum이 새로 고침되고 페이지를 새로 고치지 않아야합니다.

내가 사업부 .forum 주위에 컨테이너를 추가하여이를 방지 할 수 있음을 알고 있지만

, 궁금 그러나, 어떤 이유로 대신 THS 같은 원래의 DIV 안에 새로운 사업부 .forum를 생성 컨테이너 div가 필요 없다는 옵션이 있다면?

<div class="forum"> 
<form id="theforum"> 
<input type="submit"> 
</form> 
</div> 

<script> 
$(document).on("submit", "#theforum", function(e) { 
    e.preventDefault(); 
    $(".forum").load(location.href + " .forum"); 
}); 
</script> 

Answer 1

이 지금 작동하는 경우 제가 테스트 할 수 없습니다하지만 난 그것을 믿을가 문제 해결 :

$(".forum").load(location.href + " .forum > *"); 

당신은 사업부 자체를 잡는하지 않는이 방법을하지만, 그것의 내용.

Answer 2

로드 기능은 다른 페이지의 응답을로드하고 주어진 요소에서 덤프합니다.
.forum div를 업데이트하려면 이전 .forum을 삭제 한 다음 새로운 .forum을로드하고 (방금 삭제 한) '.forum'의 부모로 덤프하십시오.

$(document).on("submit", "#theforum", function(e) { 
    e.preventDefault(); 
    $('.forum').remove() 
    $("##FORUMS PARENT TAG##").load(location.href + " .forum"); 
}); 

행운을 빈다! 참고로

가 : http://api.jquery.com/load/