獲取元素的子元素幷包裝？

我有一些像這樣的HTML嗎？獲取元素的子元素幷包裝？

<article class="post"> 
    <table border="1" cellspacing="0" cellpadding="0"> 
     <tbody> 
     <tr> 
      <td width="368" valign="top"><p> ONDERDEEL</p></td> 
      <td width="350" valign="top"><p> BEGELEIDER/VERANTWOORDELIJKE</p></td> 
     </tr> 
     <tr> 
      <td width="368" valign="top"><p> Evaluatiemomenten</p></td> 
      <td width="350" valign="top"><p> P-manager</p></td> 
     </tr> 
     </tbody> 
    </table> 
</article>

我需要做的是讓文章內的所有表，並用新的類.jobs的表然後最終的HTML有看起來像這樣

<article class="post"> 
    <div class="jobs-table"> 
    <table border="1" cellspacing="0" cellpadding="0"> 
     <tbody> 
     <tr> 
      <td width="368" valign="top"><p> ONDERDEEL</p></td> 
      <td width="350" valign="top"><p> BEGELEIDER/VERANTWOORDELIJKE</p></td> 
     </tr> 
     <tr> 
      <td width="368" valign="top"><p> Evaluatiemomenten</p></td> 
      <td width="350" valign="top"><p> P-manager</p></td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</article>

這一切，我要做它包由jQuery的，因爲我使用CMS和用戶想cms控制造型，問題是，我可以通過css來做到這一點，因爲用戶通過tinymce輸入內容，這樣他控制的外觀，只想要表都是一樣的

現在我有jquery

$("table").removeAttr("style"); 
$("td").removeAttr("width");

來源

2014-07-17 Schneider

抓住你的表我敢肯定你會發現你的答案，如果你谷歌爲'jquery wrap'。 –

請參閱http://jsfiddle.net/LsKnc/ – Satpal

總結這樣說：

$('.post table').each(function(){ 
    $('.post').wrap('<div class="jobs-table" />'); 
});

來源

2014-07-17 08:03:38

我只想包裝文章 – Schneider

這將包裝所有.posts多次。 –

@Schneider：那麼爲什麼你的問題中的文章以外的div？ –

使用.wrap() - 將HTML結構包裹在匹配元素集中的每個元素周圍。

試試這個

$('article.post').wrap("<div class='jobs-table'></div>");

DEMO

來源

2014-07-17 08:02:19

包裝方法，通過DIV

$('table').wrap("<div class='jobs-table'></div>");

來源

2014-07-17 08:50:34 user3361464

獲取元素的子元素幷包裝？

回答

相關問題