元素越來越裹在父母的

類

<div class="A"> 
    <div class="B"></div> 
     <p>Text1</p> 
    <div class="C"></div> 
</div>

我能夠做到這一點使用wrapAll（）：

<div class="A"> 
    <div class="D"> 
     <div class="B"></div> 
      <p>Text1</p> 
     <div class="C"></div> 
    </div> 
</div>

的Jquery：

$(document).ready(function() { 
    $('.B, .C').wrapAll('<div class="D">'); 
});

BU牛逼

時，我有兩個A的，如：

<div class="A"> 
    <div class="B"></div> 
     <p>Text1</p> 
    <div class="C"></div> 
</div> 

<div class="A"> 
    <div class="B"></div> 
     <p>Text2</p> 
    <div class="C"></div> 
</div>

把它轉換在此：

<div class="A"> 
    <div class="D"> 
     <div class="B"></div> 
      <p>Text1</p> 
     <div class="C"></div> 
     <div class="B"></div> 
      <p>Text2</p> 
     <div class="C"></div> 
    </div> 
</div> 
<div class="A"></div>

它和第一A的數據第二個一包成d和保持它在第一個A.我想保持雙方與他們自己的內容分開。我想輸出是：

<div class="A"> 
    <div class="D"> 
     <div class="B"></div> 
      <p>Text1</p> 
     <div class="C"></div> 
    </div> 
</div> 
<div class="A"> 
    <div class="D"> 
     <div class="B"></div> 
      <p>Text2</p> 
     <div class="C"></div> 
    </div> 
</div>

來源

2017-06-14 NaMo

你只需要循環：HTTPS： //jsfiddle.net/ykdrcrnt/ –

@ Karl-AndréGagnon謝謝。 – NaMo

您可以使用.each：

$(document).ready(function(){ 
 
    $(".A").each(function(){ 
 
    $(this).children().wrapAll("<div class='D' />"); 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="A"> 
 
    <div class="B"></div> 
 
     <p>Text1</p> 
 
    <div class="C"></div> 
 
</div> 
 

 
<div class="A"> 
 
    <div class="B"></div> 
 
     <p>Text2</p> 
 
    <div class="C"></div> 
 
</div>

來源

2017-06-14 20:59:28

謝謝12345678. – NaMo

@ user6803164請高興穆罕默德的回答。 – kblau

你可以試試：

@{ 
    Layout = null; 
} 

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>IndexGH1</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#btnGo").click(function() { 
       //rap b,c in d 
       //this takes 
       //from: 
       //<div class="A"> 
       // <div class="B"></div> 
       // <p>Text1</p> 
       // <div class="C"></div> 
       //</div> 
       //to: 
       //<div class="A"> 
       // <div class="D"> 
       //  <div class="B"></div> 
       //  <p>Text1</p> 
       //  <div class="C"></div> 
       // </div> 
       //</div> 
       //$(".A").wrapInner("<div class='D'></div>"); 

       var elems = $(".A").each(function() { 
        $(this).wrapInner("<div class='D'></div>"); 
       }) 

      }) 

     }) 
     </script> 
</head> 
<body> 
    @*1st example, note i am useing wrapinner instead of wrapall 
    <div class="A"> 
     <div class="B"></div> 
     <p>Text1</p> 
     <div class="C"></div> 
    </div>*@ 
    <div class="A"> 
     <div class="B"></div> 
     <p>Text1</p> 
     <div class="C"></div> 
    </div> 

    <div class="A"> 
     <div class="B"></div> 
     <p>Text2</p> 
     <div class="C"></div> 
    </div> 
    <input type="button" id="btnGo" value="Go" /> 
</body> 
</html>

來源

2017-06-14 21:15:14 kblau

不知道'wrapInner'，非常感謝。經過一些測試後，不需要'.each'：https：//jsfiddle.net/ykdrcrnt/1/ –

元素越來越裹在父母的

回答

相關問題