剪一個div和html裏面，並將其粘貼到與jquery不同的div

我有第三方腳本，其中我無法控制的HTML，只能修改基本的CSS。我只是想知道是否有可能削減一個div和所有的html裏面，並在頁面加載後將其粘貼到另一個div中？剪一個div和html裏面，並將其粘貼到與jquery不同的div

假設我們有

<div id="example-one"> 
     <ul class="nav"> 
     <li class="nav-one"><a href="#featured" class="current">Billing Address</a></li> 
     </ul> 
     <div class="list-wrap"> 
      hello 
     </div> 
    </div>

，並在頁面加載時的jQuery切斷整個HTML指定DIV ID "example-one"並粘貼到一個新的div命名爲"new-div"。這可能嗎？

來源

2013-06-05 user1001176

你好，我是能夠找到答案我的問題我想一個jQuery的功能和它的工作就像一個魅力像我想我正在粘貼代碼，以便它可以對任何有我的確切問題的人都有用。

jQuery(document).ready(function(){ 
$('#div1').insertAfter('.div2'); 
});

這將削減DIV1 HTML，並將其移到DIV2

來源

2013-06-05 23:22:14 user1001176

沒有切&粘貼在DOM，您可以將它（招吧），以不同的角度在DOM：

$(document).ready(function() { 
    $('#example-one').appendTo('#new-div'); 
});

如果你想創建一個div#new-div元素，它不「T存在：

$(document).ready(function() { 
    $('<div/>', { id: 'new-div' }).appendTo('#somewhere').append($('#example-one')); 
});

來源

2013-06-05 22:56:37 undefined

感謝您再次回答我的問題之一。其實它的第三方腳本foxycart。我不能保持兩個分區。作爲它攜帶的物品結帳信息，所以隱藏字段中值的重複會導致結帳失敗。有沒有辦法我們可以剪切和粘貼？ – user1001176

使用jQuery，你可以使用這樣的事情：

$("#example-one").append("<div id="new-div"></div>"); // Add #new-div to the DOM 
$("#new-div").html($("#list-wrap").html()); // Giv #new-div the content of #list-wrap 
$("#list-wrap").remove(); // Destroy #list-wrap

來源

2013-06-05 22:56:50 Mooseman

您可以選擇的元素，你想要得到的內容，然後appendTo新容器

$("#example-one").children().appendTo("#new-div");

或者，如果你的意思是移動與ID的DIV可以使用

$("#example-one").appendTo("#new-div");

兩種方法都移動元素

要在頁面加載時運行腳本，可以使用jQuery ready

$(function() { 
    // code here will run after DOM loads 
});

來源

2013-06-05 23:01:15 BrunoLM

你能不能做這樣的事情：

$("#new-div").html($("#example-one")); 
$("#example-one").hide;

這將基本上採取由＃〔實施例，一個所有HTML，放入＃新的div和隱藏＃示例一格。

這裏是它的一個jFiddle：http://jsfiddle.net/sf35D/

來源

2013-06-05 23:03:53 LukeP

-1

您可以使用下面的代碼：

var text=jQuery('#div2'); 
jQuery('#div2').remove(); 
jQuery('#div1').append(text);

來源

2015-08-07 11:07:10

與其他答案相比，這並沒有給予任何回報。特別是因爲問題沒有'div1'或'div2' – meskobalazs

這不是一個勺子餵養工作，它只是一個例子，告訴你如何工作，進一步的工作將由你自己完成，這個腳本已經過測試。 –

 <div id="example-one"> 
       <ul class="nav"> 
       <li class="nav-one"><a href="#featured" class="current">Billing Address</a></li> 
       </ul> 
       <div class="list-wrap"> 
        hello 
       </div> 
      </div> 


     $(document).ready(function() { 
      $('#example-one').appendTo('.new-div'); 
     }); 

**out put:** 
    <div class='new-div'> 
    <div id="example-one"> 
       <ul class="nav"> 
       <li class="nav-one"><a href="#featured" class="current">Billing Address</a></li> 
       </ul> 
       <div class="new-div"> 
        hello 
       </div> 
      </div> 
    </div>

或者您也可以使用下面的代碼 $（'＃示例酮 '）克隆（）appendTo（。' 新的div'）;

來源

2015-10-23 12:46:13

剪一個div和html裏面，並將其粘貼到與jquery不同的div

回答

相關問題