Question

目前我有这个（在一个函数中）：

$('#Ligne' + Ligne_Doublons).remove(); //Remove the Div
$('#Panier').append('<div id=\'Ligne' + Ligne_Doublons + '\'><div class="ABC">' + Qte + '</div><div class="ABC">' + Nom + '</div></div>'); //Add de New Div

示例：

我有3个div：

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

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

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

但我想要这个：

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

你知道我怎么做到这个吗？

谢谢;）

Answer 1

http://api.jquery.com/replaceWith/

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

Answer 2

您需要使用after()方法：

$('selector_to_div_1').after('div_2');

Answer 3

我认为您需要将div 2替换为另一个。

假设您有以下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>');

希望有所帮助。

Answer 4

如果您想保留附加到内容的内容和数据/事件，请尝试

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

演示：Fiddle

Answer 5

我认为问题是你要删除一个div，然后尝试在之后添加一个新的

。

因此，如果您将 new div附加到旧版本，则删除它应该位于正确位置的旧版本。

将<div>替换为另一个（在Jquery中）</div>

5 个答案: