2015-01-21 1 views
1

저는 JQuery에 매우 익숙하며 원하는대로 작동하도록 replaceWith() 함수를 가져올 수 없습니다.JQuery ReplaceWith() 함수 - 테이블

목표 : 버튼 (button1)을 양식 테이블 (table1)로 바꿉니다. 나는 메인 contentholder div (my wrapper) 내에서 자신의 div 안에 button1을 놓았다. Table1은 숨겨져 있지만 div의 다른 페이지에서도 볼 수 있습니다.

내가 노력하고 무엇 :

$(document).ready(function(){  
    $("#button1").click(function(){ 
    $("#buttondiv").replaceWith("#tablediv").show; 
    }); 
}); 
+0

에 대한 일 수 있습니다 교체하기 전에 몇 가지 변수에 #table1#contentholder 대신 this을 사용하여 지정하지만, 어디에 내 테이블이 있어야합니다. "# table1"이라고하는 일반 텍스트가 있습니다. – Christopher

답변

0

당신은 클릭 #button1 요소를 참조하는 클릭 핸들러 내 this를 사용할 수 있습니다. 이 시도 :

$("#button1").click(function() { 
    var $table = $('#table1').show(); 
    $(this).replaceWith($table1); 
}); 
+0

네, 저에게 도움이되었습니다 ... 허 ... 내 코드가 왜 잘못되었는지 이해하도록 도와 주시겠습니까? 추신 - 감사! : D – Christopher

+0

첫째,'show'는 실제로 함수를 호출하기 위해 대괄호가 빠졌고, 둘째로 이미 보여 졌던'buttondiv'에서 호출 할 것입니다. –

0

버튼을 사용하여 멀리 가지 않습니다

다음과 같은 코드가

$(document).ready(function(){  
    $("#button1").click(function(){ 
    var $old_table = $('#table1').show(); 
    $(this).replaceWith($old_table); 
    }); 
});