2014-01-26 4 views
0

하나 개의 HTML 요소를 교체하는 방법, HTML 다음 사항을 고려 :내가 jQuery로 사업부 내부의 양식을 대체하기 위해 노력하고있어 다른

<div> 
    <form> 
    <input type="text" value="some text here" id="friendship" class="not_friends"> 
    </form> 
</div> 

및 JS 다음 코드를

div = $("#friendship.not_friends").parent().parent(); 
$("form", div).remove(); 
$(div).add(response); 

은 " form "요소가 제거되었지만 새로운 양식 ('response'문자열에서)이 div에 추가되지 않은 이유는 무엇입니까? 이 js 코드를 작성하는 더 좋은 방법이 있습니까? 이것은 나를 위해 좋지 않다.

답변

2

다른.

참조 : .replaceWith()

http://api.jquery.com/replacewith/

$("form").replaceWith(response); 
+0

와우,이 기능은 일을 많이 JS'$ ("#의 friendship.not_friends")를 단순화 부모() replaceWith (응답)'... 고맙습니다 –

3

당신은 .append()/.html()

$(div).append(response); 

.add()가 현재 Object와 새의 jQuery 객체를 반환하고, 선택에 의해 반환 된 객체가

을 통과 사용할 필요가 jQuery를 함께 하나 개의 요소를 교체하기위한 기능이 내장되어
관련 문제