jQuery를이 영향을 미칠 수 없습니다 "외부"div의

Question

그래서,이 간단한 일을하고 싶다. 그러나 그것은 작동하지 않을 것입니다. 그리고 나는 왜 내가 그 이유를 안다고 생각합니다. 이 경우 실제로 들어갈 div에 영향을 주려고합니다. 제출 단추를 클릭 한 후 addform의 내용을 변경하고 변수 donedata로 바꿉니다. 더 나은 이해를 위해

:

<div id="addform"> 
<div id="form"> 
<input type="text" value="blabla" /> 
<input type="submit id="submit" value="submit" /> 
</div> 
<div id="result" style="visibility:hidden"> 
</div> 
</div> 

나는 (이 글의 시작 부분에서) 코드의 첫 번째 줄을 바꿀 것, 그래서 #addform을 변경하려고하지,하지만 경우 #result의 내용 (처음에는 그것을 css-method를 통해 보이게 할 것입니다) 잘 작동합니다.

그래서 문제가 단순히 "나는 안에있다"또는 내가 할 수있는 다른 것이있는 div를 변경할 수 없다는 것입니다.

내가 작성한 내용이 실제로 이해할 수 있는지 확실하지 않습니다.

Answer 1

당신이하려는 것은 #addform을 donedata의 내용으로 대체하는 것입니다. 이는 아마 HTML 문자열 일 것입니다.

jQuery 메서드 replaceWith으로이 작업을 수행 할 수 있습니다. 그러면 문서에서 선택 항목 (이 경우 #addform)이 제거되고 새 내용으로 바뀝니다 (이 경우 donedata).

$('#addform').replaceWith(donedata);