Question

我想在按下图片中的ADD按钮时将文本框的内容移至Box。另外，应在上方的方框中使用X按钮删除此文本。

我们非常感谢您的帮助。预先感谢。

Answer 1

可以使用“点击”功能来完成：

$(".addbutton").on("click", function(){
    var x = $(".textbox").val();
    $(".box").html(x);
})

并使用“ x”按钮将其删除：

$(".xbutton").on("click", function(){
    $(this).closest("div").find(".box").html("");
})

让我知道它是否有效

Answer 2

您可以尝试以下代码：

// find elements
var box = $("#banner-message")

// handle click and add class
 $('#add').on("click", function(){
   box.append("<p>Some text <button class='text-more'>x</button></p>")
 })
$("body").on('click', '.text-more', function(){
    $(this).parent().remove()
})

这是一个演示：https://jsfiddle.net/v24jh78b/1/

Javascript将文本框的内容动态移至框

2 个答案: