个人中心
gpt4 book ai didi

javascript - JQuery .clone() 和 .appendTo() 导致多次追加

转载 作者：行者123 更新时间：2023-11-30 09:51:45 25 4
gpt4 key购买 nike

所以我阅读了许多类似的问题和答案 - 似乎没有一个解决这个特定问题。就这样吧。

考虑以下代码:

<body>
<script>

    function addAttendee() {
        $('.newAttendee').clone().appendTo('.attendees');
    }

</script>

<form action="test2.php" name="testform" method="post">
    <span class="attendees">
    <input type="text" name="attendee[0][city]" value="city 1">
    <input type="text" name="attendee[0][state]" value="state 1">
    <input type="text" name="attendee[0][zip]" value="zip 1">
    </span>
<a href="#" name="addAttendee" onclick="addAttendee()">Add Attendee</a>
<br>
<input type="submit" onclick="getOutput()">
</form>

<div class="hideThis" style="display: none;">
    <span class="newAttendee">
        <br>
    <input type="text" name="attendee[1][city]" value="city 2">
    <input type="text" name="attendee[1][state]" value="state 2">
    <input type="text" name="attendee[1][zip]" value="zip 2">
    </span>
</div>

当我第一次点击“添加与会者”时，我得到了我想要的。但是随后每次单击该链接都会导致插入先前插入的部分的两倍。第一次点击 1，第二次点击 2，第三次点击 4，等等。

我错过了什么吗？

提前感谢大家。

最佳答案

因为 $('.newAttendee').clone() 将克隆具有该类的所有元素

尝试使用 first() 或 last() 只克隆其中一个

$('.newAttendee').first().clone().appendTo('.attendees');

关于javascript - JQuery .clone() 和 .appendTo() 导致多次追加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36103849/

25 4 0
文章推荐： javascript - 如何使用Queue.js和D3.js加载多个文件？
文章推荐： python - 无法从牧师模块中 pickle 贝叶斯对象
文章推荐： machine-learning - 随机梯度下降的成本函数是针对所有行计算还是仅针对迭代行计算？
文章推荐： python-3.x - 从 sklearn 导入数据集时出错
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com