尝试使用输入按钮插入新的html

Question

我的目标是创建一个按钮，当按下该按钮时，将执行javascript以插入html，该html创建一个内部包含内容的新div。我已经能够点击按钮了 预先形成一个.toggleclass，我试图使用.html，.insertAfter（input.html（））;但我没有运气。

我的HTML按钮

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

当前的javascript

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

我知道这是在增加一个＆lt; p>而不是一个div但我试着让它类似的思考如果我能插入这个段落然后我可以插入div。

感谢您查看此内容。

Answer 1

如果您想在每次输入后插入p标记，那么您应该

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

如果您想在点击的输入后插入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提供示例。