Question

单击按钮时，文本必须在文本框旁边添加。我使用了以下代码，但它不起作用。任何人都可以帮我解决这个问题吗？

$("#plus").click(function() {
    var str = "<input type='text' id='addnum'>";

    $(".textbox1").append($.parseHTML(str));
});

Answer 1

从注释中看起来，你试图将新元素附加到一个无效的输入元素，因为输入元素不能有后代。

相反，您可以将新元素作为.textbox1元素的兄弟插入，如

$("#plus").click(function() {
  var str = "<input type='text' id='addnum'>";
  $(".textbox1").after(str);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="textbox1" />
<button id="plus">T</button>

Answer 2

使用以下代码：

html代码：

<input type="text" id="inputtext" />
    <button id="btnclick"></button>

JQuery代码：

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnclick').click(function () {
            $("#inputtext").after('<input type="text">');
        });
    });
</script>

如何将html字符串转换为字符串，然后将其附加到div标记

2 个答案: