Jquery 将1个div拆分为2个单独的div'；s

使用jQuery是否可以在标记为tag的指定点将1个Div拆分为2个Div

在这个代码示例中，我在想，是否可以在“em标记”处拆分div以使 2分区

Lorem ipsum dolor sit amet，奉献精英

Lorem ipsum dolor sit amet，奉献精英

到

Lorem ipsum dolor sit amet，奉献精英

Lorem ipsum dolor sit amet，奉献精英

您可以创建一个主div，并使用append（）函数将任何HTML追加到其中。 例如：

  <div id='main'>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>

  <em></em>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>

</div>

Lorem ipsum dolor sit amet，奉献精英

Lorem ipsum dolor sit amet，奉献精英

在JQuery中：

varHtml = $('#main').html();

// You can use JS function to split

$('#main').html("");

$('#main').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p><em></em>');

$('#main').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>');

varHtml=$（'#main'）.html（）；
//您可以使用JS函数进行拆分
$（'#main'）.html（“”）；
$（'main'）。追加（'Lorem ipsum door sit amet，concetetur adipising elit，
'）；
$（'main'）。追加（'Lorem ipsum door sit amet，concetetur adipising elit，
'）；

您可以创建一个主div，并使用append（）函数将任何HTML追加到其中。 例如：

  <div id='main'>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>

  <em></em>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>

</div>

Lorem ipsum dolor sit amet，奉献精英

Lorem ipsum dolor sit amet，奉献精英

在JQuery中：

varHtml = $('#main').html();

// You can use JS function to split

$('#main').html("");

$('#main').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p><em></em>');

$('#main').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  </p>');

varHtml=$（'#main'）.html（）；
//您可以使用JS函数进行拆分
$（'#main'）.html（“”）；
$（'main'）。追加（'Lorem ipsum door sit amet，concetetur adipising elit，
'）；
$（'main'）。追加（'Lorem ipsum door sit amet，concetetur adipising elit，
'）；

不是很漂亮，但可以：

$('div').after(function() {
    return $('<div>').append($(this).find('.break').nextAll());
}).find('.break').remove();

$（'div'）。在（函数（）之后{
返回$（''）.append（$（this.find（'.break'）.nextAll（））；
}).find（'.break'）.remove（）；

假设制动元件具有等级

.break

（

）

---

不是很漂亮，但可以：

$('div').after(function() {
    return $('<div>').append($(this).find('.break').nextAll());
}).find('.break').remove();

$（'div'）。在（函数（）之后{
返回$（''）.append（$（this.find（'.break'）.nextAll（））；
}).find（'.break'）.remove（）；

假设制动元件具有等级

.break

（

）

---

您可以使用以下代码来解决问题。为此，为父div分配一个id，并在保留其内部html后删除其html。我们可以在将父div的html存储在变量中之后删除它，但我不这样做，因为我们必须将修改后的html放在同一个位置

var divhtml = $("#divId").html();
var myps = divhtml.split("<em></em>");
var myhtml = "<div>"+myps[0]+"</div><div>"+myps[1]+"</div>";
$("#divId").html(myhtml);

var divhtml=$（“#divId”）.html（）；
var myps=divhtml.split（“”）；
var myhtml=“”+myps[0]+“”+myps[1]+“”；
$（“#divId”）.html（myhtml）；

---

如果必须删除父标记，则可以获取最后一个元素id，在将其html存储在变量中后删除主div，并将修改后的html放在最后一个元素之后。

您可以使用以下代码解决问题。为此，为父div分配一个id，并在保留其内部html后删除其html。我们可以在将父div的html存储在变量中之后删除它，但我不这样做，因为我们必须将修改后的html放在同一个位置

var divhtml = $("#divId").html();
var myps = divhtml.split("<em></em>");
var myhtml = "<div>"+myps[0]+"</div><div>"+myps[1]+"</div>";
$("#divId").html(myhtml);

var divhtml=$（“#divId”）.html（）；
var myps=divhtml.split（“”）；
var myhtml=“”+myps[0]+“”+myps[1]+“”；
$（“#divId”）.html（myhtml）；

---

如果必须删除父标记，则可以获取最后一个元素id，在将其html存储在变量中后删除main div，并将修改后的html放在最后一个元素后面。

可以。获取div的innerhtml，在em上拆分字符串。然后将其重新分析为2个divs，这是可能的。获取div的innerhtml，在em上拆分字符串。然后将其重新分析为2个div