Javascript 替换a<；部门>；使用另一个（在Jquery中）

目前我有以下功能（在函数中）：

$（'Ligne'+Ligne_Doublons）.remove（）//拆下Div
$（“#Panier”）。追加（“”+Qte+“”+Nom+“”）//添加新分区

例如：

我有三个部门：

<div 1>
<div 2>
<div 3>

在更改“div 2”的函数之后，代码将：

<div 1>
<div 3>
<New div 2>

但我想要这个：

<div 1>
<New div 2>
<div 3>

你知道我怎么做吗

谢谢；）

您需要使用以下方法：

---

我想你需要用另一个来替换第二分区

假设您有以下HTML代码

<div class="element-1"></div>
<div class="element-2"></div>
<div class="element-3"></div>

那么jQuery代码应该如下所示：

$('element-2').replaceWith($('<div class="new-element-2"></div>');

$（'element-2'）。替换为（$（''）；

希望有帮助。

$（'Ligne'+Ligne\u Doublons）
.替换为（“”+Qte+“”+Nom+“”）

如果要保留内容以及附加到内容的数据/事件，请重试

$('#d2').replaceWith(function(){
    return $('<div />').append($(this).contents())
})

$（'#d2'）。替换为（函数（）{
返回$（''）.append（$（this.contents（））
})

---

演示：

我认为问题在于您正在删除一个div，然后尝试在刚刚删除的div之后追加一个新div

---

因此，如果您将新的div附加到旧的div，然后删除旧的div，它应该位于正确的位置。

我们可以看到您的有效HTML吗？比我快10秒。为什么不

.replaceWith

？

$（'#div2'）。replaceWith（''）；

@DevlshOne是的，我同意replaceWith更好，它只是没有足够快地出现在我的脑海中：-）

$('element-2').replaceWith($('<div class="new-element-2"></div>');

$('#Ligne' + Ligne_Doublons)
    .replaceWith('<div id=\'Ligne' + Ligne_Doublons + '\'><div class="ABC">' + Qte + '</div><div class="ABC">' + Nom + '</div></div>')

$('#d2').replaceWith(function(){
    return $('<div />').append($(this).contents())
})