Question

我是jQuery的新手，并且可能是一个简单的问题。在这里，我尝试创建一个列表，用户在输入字段#newtask和#neighborhood中键入内容，然后单击#addrest将这些值添加到页面中。我想要做的是通过添加内容为" in "的HTML来分离DOM中的#newtask和#neighborhood，所以在它所读取的页面上"(user's input in #newtask) in (user's input in #neighborhood)"。现在它只是添加两个输入，它们之间没有空格。如何使用jQuery添加此HTML？

当前代码：

$("#addrest").click(function() {
    create_task($("#newtask").val() + $("#neighborhood").val());
    $("#newtask").val("");
    $("#neighborhood").val("");
});

Answer 1

我认为你需要.after：

$("#newtask").val("");
$("#newtask").after(" in ");
$("#neighborhood").val("");

<强> DEMO

Answer 2

尝试做这样的事情：

 <script>
 $(document).ready(function () {
        $("#addrest").click(function () {
            create_task($("#newtask").val(), $("#neighborhood").val());
            $("#newtask").val("");
            $("#neighborhood").val("");
        });
    });
    function create_task(a, b) {
        $("#result").html("user\'s input in #newtask " + a + " <br /> user\'s input in #neighborhood " + b);

    }
   </script>

并且假设您想要在具有id＆＃34;结果的div中显示您的输出＆＃34;：

 <div id="result"></div>

通过这种方式，您可以获得您的愿望输出。您可以根据自己的要求进行更新。

使用jQuery在用户输入之间添加HTML

2 个答案: