鍍金池/ 問答/GO  HTML/ 怎么給一組子元素添加一個div'父元素？

怎么給一組子元素添加一個div'父元素？

clipboard.png

如圖，我想把紅色框框中的那一大組元素都放入一個div里，用wrap不行，只能給每個div class=‘item’添加單個div，而不是總的放在一個div里，或者有沒有辦法把這一組元素的父元素即<span id='DataList1'>這個元素改成是div呢？？？

回答
編輯回答
幼梔
$('#DataList1').wrapInner('<div class="DataList1"></div>').children().unwrap();
2017年9月6日 10:29
編輯回答
陪我終

jQ里wrap系的接口一共有四個，分別是wrap、wrapAll和wrapInner，此外還有個unwrap。他們的區(qū)別在于wrap負責給每個匹配的元素打包，wrapAll負責給所有匹配的元素打包，wrapInner給匹配元素里邊的內(nèi)容打包，unwrap拆包。不過現(xiàn)在鑒于你外邊已經(jīng)有個span了，我覺得可以試試用replaceWith把它直接替換掉就好了。

$('#DataList1').replaceWith('<div>' + $(this).contents() + '</div>');
2018年7月9日 10:05
編輯回答
背叛者

為啥非要div，span弄成block不一樣？
要做也是可以的，如下：

let aHtml=$('#DataList1').html();
$('#DataList1').html('<div>'+aHtml+'</div>');
2018年4月2日 18:21
編輯回答
默念
document.body.innerHTML = document.body.innerHTML.replace(/<([\/]?)(span)((:?\s*)(:?[^>]*)(:?\s*))>/g, '<$1div$3>');

已經(jīng)親測 沒有任何問題

2018年7月13日 05:48