2015-01-21 3 views
1

Я очень новичок в JQuery, и я не могу заставить свою функцию replaceWith() работать так, как я этого хочу.Функция JQuery ReplaceWith() - Таблица

Цель: Заменить кнопку (button1) на таблицу форм (таблица 1). Я поместил button1 внутри своего div в основной div div (моя обложка). Таблица 1 скрыта, но также и в собственном div, только где-то еще на странице.

То, что я пытаюсь:

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

Кнопка действительно уходит, но там, где мой таблица должна быть, есть только обычный текст, говорящий «# table1» – Christopher

ответ

0

Вы можете использовать this в обработчик щелчка, чтобы обратиться к щелкнули #button1 элемента. Попробуйте это:

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

Да, это сработало для меня ... да ... не могли бы вы помочь мне понять, почему мой код был неправильным? PS - THANKYOU! : D – Christopher

+0

Во-первых, в 'show' отсутствовали скобки для фактического вызова функции, а во-вторых, вы вызывали бы ее на' buttondiv', который уже был показан. –

0

Использование использовать this вместо #contentholder, Назначают #table1 некоторой переменной перед заменой

следующий код может быть работа для вас

$(document).ready(function(){  
    $("#button1").click(function(){ 
    var $old_table = $('#table1').show(); 
    $(this).replaceWith($old_table); 
    }); 
}); 
Смежные вопросы