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

Question

我的目标是创建一个按钮，当按下该按钮时将执行 javascript 以插入 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>"));
}

我知道这是添加一个 < p > 而不是一个 div，但我试图让它类似地思考如果我可以让它插入这一段然后我可以插入 div。

谢谢你看这个。

score 1 · Accepted Answer

如果你想p在每次输入后插入一个标签，那么你应该这样做

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

如果您想在p单击的输入之后插入标签，那么您会这样做

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

score -1 · Accepted Answer

您想在哪里附加您的新项目？我猜你应该做这样的事情。

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

用 jsFiddle 给出一个示例。

2 回答 2