Javascript jquery两次添加div

我已经创建了一个jquery函数，它添加了一个div以及其中的字段。我第一次单击它时，它会添加一个div，但当我第二次单击时，它会添加两个div，并且它应该只添加一个div

我所做的是计算div，然后加1，然后附加新的count和字段ID。有人能检查并说出为什么这会导致意外行为吗

$.add_product.ClickFunction e{ e、 防止违约； var div_count=$.product_fields.length； alertdiv_计数； var new_div_count=div_count+1； $.product_字段。追加'Item'+新的_div_计数+'Item QuantityItem零售价格'； }; 项目1 项目名称 项目数量 项目成本价 商品零售价

---

您每次追加导致长度增加1。

您每次追加导致长度增加1。

您应该只追加新产品，而不是容器div元素。这是把你的柜台扔掉

也只是一个旁注。您不应该使用HTML标题元素h1…h6，因为它们使文本看起来很像。这就是CSS的工作。使用标题表示连续章节和子章节

最后，仅在需要导航时使用元素。如果您需要单击一些东西来触发操作，那么几乎任何元素都支持单击事件。在下面的代码中，a已经被删除，只有div是可点击的东西。这也消除了e.preventDefault的需要

$.add_product.ClickFunction e{ var new_div_count=+$.product.length； //您只希望添加新产品，而不希望添加.product\u divs或.product\u字段 $.product_字段。追加'Item'+新的_div_计数+'Item QuantityItem零售价格'； }; /*使用适当的标题级别，但可以按照您想要的方式进行样式设置*/ .product{字体大小：.75em；字体大小：粗体；} /*使addproduct div看起来像一个链接，而没有链接*/ .add_产品{ 光标：指针； 文字装饰：下划线； 颜色：蓝色； } 项目1 项目名称 项目数量 项目成本价 商品零售价 添加新产品

---

您应该只添加新产品，而不是容器div元素。这是把你的柜台扔掉

也只是一个旁注。您不应该使用HTML标题元素h1…h6，因为它们使文本看起来很像。这就是CSS的工作。使用标题表示连续章节和子章节

最后，仅在需要导航时使用元素。如果您需要单击一些东西来触发操作，那么几乎任何元素都支持单击事件。在下面的代码中，a已经被删除，只有div是可点击的东西。这也消除了e.preventDefault的需要

$.add_product.ClickFunction e{ var new_div_count=+$.product.length； //您只希望添加新产品，而不希望添加.product\u divs或.product\u字段 $.product_字段。追加'Item'+新的_div_计数+'Item QuantityItem零售价格'； }; /*使用适当的标题级别，但可以按照您想要的方式进行样式设置*/ .product{字体大小：.75em；字体大小：粗体；} /*使addproduct div看起来像一个链接，而没有链接*/ .add_产品{ 光标：指针； 文字装饰：下划线； 颜色：蓝色； } 项目1 项目名称 项目数量 项目成本价 商品零售价 添加新产品 将product_divs和product_字段从append中移除，并添加一个不同的类

$.add_product.ClickFunction e{ e、 防止违约； var div_count=$.fish.length+1； alertdiv_计数； var new_div_count=div_count+1； $.product_字段。追加'Item'+新的_div_计数+'Item QuantityItem零售价格'； }; 项目1 项目名称 项目数量 项目成本价 商品零售价 将product_divs和product_字段从append中移除，并添加一个不同的类

$.add_product.ClickFunction e{ e、 防止违约； var div_count=$.fish.length+1； alertdiv_计数； var new\u div\u count=div\u count + 1; $.product_字段。追加'Item'+新的_div_计数+'Item QuantityItem零售价格'； }; 项目1 项目名称 项目数量 项目成本价 商品零售价 伊斯蒂德 $.product\u fields.append

在开始之前使用$.product\u field\u div>.action\u div.

$.product\u fields.append

---

使用$.product\u field\u div>.action\u div。在

之前，我怀疑这与您添加的HTML与原始HTML的模式不匹配有关。我怀疑这与您添加的HTML与原始HTML的模式不匹配有关。他还添加了product\u div，他不应该。他还附加了产品分割，他不应该。