Попытка вставить новый html с кнопкой ввода

Question

Моя цель - создать кнопку, которая при нажатии будет выполнять javascript для вставки html, который создает новый div с содержимым внутри него. Мне удалось нажать кнопку, и заготовку .toggleclass, и я попытался использовать .html, .insertAfter (input.html()); но мне не повезло.

Мой HTML для кнопки

<input id="slideshow" name="viewing" value="View Slideshow" type="button" 
    onClick="newOverlay();"> 

ток яваскрипта

function newOverlay(){ 
    var newItem = $("<p>Add this text instead</p>"); 
    $("input").insertAfter(this.html("<p> Is this going to work</p>")); 
} 

Я знаю, что это добавление < р> а не ДИВ, но я пытался сделать похожую мысль, если бы я мог получить его чтобы вставить этот абзац, я мог бы поработать над вставкой div.

Спасибо, что посмотрели на это.

Answer 1

Если вы хотите вставить p тег после каждого входа, то вы должны сделать

$("input").after("<p> Is this going to work</p>"); 

Если вы хотите INSER в p тег после ввода, которая была нажата, то вы могли бы сделать

$(this).after("<p> Is this going to work</p>"); 

Answer 2

Где вы хотите добавить свой новый товар? Вы должны сделать что-то вроде этого, я думаю.

function newOverlay(){ 
    var newItem = $("<p>").text("Add this text instead"); 
    $("YOUR_SELECTOR_HERE").append(newItem); 
} 

Дайте образец с jsFiddle.