第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

合并和插入來自兩個父元素的元素

合并和插入來自兩個父元素的元素

慕桂英546537 2023-09-28 16:20:03
我有兩個部分，里面有動態(tài)數(shù)量的元素。我想將這兩個部分合并并插入它們的項目。最初它會是這樣的：<section class="first"> <div>One</div> <div>Two</div> <div>Three</div></section><section class="second"> <div>Four</div> <div>Five</div> <div>Six</div></section>以及所需的輸出：<section class="merged"> <div>One</div> <div>Four</div> <div>Two</div> <div>Five</div> <div>Three</div> <div>Six</div></section>到目前為止，這是我的嘗試，但我無法顯示結(jié)果：var array1 = $( ".first div" ).toArray()var array2 = $( ".second div" ).toArray()var arrayCombined = $.map(array1, function(v, i) { return [v, array2[i]]; });有人知道我怎樣才能實現(xiàn)這一目標嗎？謝謝
查看完整描述

2 回答

?
MYYA

TA貢獻1868條經(jīng)驗 獲得超4個贊

循環(huán)遍歷一個部分中的 DIV，并附加該 DIV，后跟第二部分中的 DIV。


第二個追加總是使用.first()，因為它從第二部分中刪除第一個 DIV，因此下一個相應(yīng)的 DIV 將是第一個。


$(".first > div").each(function() {

  $(".merged").append(this);

  $(".merged").append($(".second > div").first());

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<section class="first">

  <div>One</div>

  <div>Two</div>

  <div>Three</div>

</section>


<section class="second">

  <div>Four</div>

  <div>Five</div>

  <div>Six</div>

</section>


<section class="merged">

</section>


查看完整回答
反對 回復 2023-09-28
?
PIPIONE

TA貢獻1829條經(jīng)驗 獲得超9個贊

這個決定是我做出的。這是一個javascript解決方案。forEach()使用方法：


Array.from(sections_for_merge_section).forEach(function(sections_for_merge_sectionArray) { 

   merged.append(sections_for_merge_sectionArray.cloneNode(true));

});

您需要在其中section添加合并的部分由代碼添加：


let merged = document.createElement('section');

此外，該cloneNode(true)方法用于將數(shù)據(jù)復制到創(chuàng)建的部分中：


...sections_for_merge_sectionArray.cloneNode(true)...

window.onload = function() {

  let sections_for_merge = document.querySelector('.sections_for_merge');

  let sections_for_merge_section = document.querySelectorAll('.sections_for_merge section div');

  let merged = document.createElement('section');

  

  merged.className = 'merged';

  document.body.append(merged);

  

  Array.from(sections_for_merge_section).forEach(function(sections_for_merge_sectionArray) { 

    merged.append(sections_for_merge_sectionArray.cloneNode(true));

  });  

}

<div class="sections_for_merge">

  <section class="first">

   <div>One</div>

   <div>Two</div>

   <div>Three</div>

  </section>

  <section class="second">

   <div>Four</div>

   <div>Five</div>

   <div>Six</div>

  </section>

</div>

<br>

<p>Below is the created element <strong>div</strong> with merged divs:</p>

<br>


查看完整回答
反對 回復 2023-09-28
  • 2 回答
  • 0 關(guān)注
  • 133 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號