jquery：与insertAfter（）连接

Question

目标：何时提交＆＃39;单击，将按钮下方文本框的内容添加到h3元素中。

所以我创建了一个变量contents，它从文本框中获取值。当我单击提交按钮时，它应该在h3元素中插入contents元素。我不确定它是否会在jquery中连接，或者是否有其他我在这里丢失的东西。抱歉，因为我还是jquery的新手。

$(document).ready(function() {
  var contents = $('#textInput').val();
  $('#submitBtn').click(function() {
    $("<h3>" + contents + "</h3>").insertAfter('#submitBtn');
  })
})

这里似乎有什么问题？

感谢。

Answer 1

在单击按钮之前，您将获得文本区域的值。您需要在事件处理程序中获取它（请注意，如果您的按钮提交表单或类似内容，您可能还需要在事件上使用preventDefault()）：

＆＃13;

＆＃13;

this

＆＃13;

$(function() {
    $('#submitBtn').click(function(e) {
        e.preventDefault();
        $("<h3>" + $('#textInput').val() + "</h3>").insertAfter(this);
    });
});

＆＃13;

＆＃13;

＆＃13;

Answer 2

您必须在点击处理程序

中输入

检查此代码段

$(document).ready(function() {
 
  $('#submitBtn').click(function() {
     var contents = $('#textInput').val();
 
    $("<h3></h3>").insertAfter($(this)).html(contents);
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textInput">

<input type="button" id="submitBtn" value="submitbtn">

希望有所帮助