親、祖父母、偉大な祖父母を持つネストされた div 内にアイテムのリストがありますdiv
。HTML コードは次のようになります。
<div class="marketing">
<div class="module-surround">
<div class="module-content">
<div class="k2ItemsBlock">
<ul>
<li><div>4</div></li>
<li><div>5</div></li>
<li><div>6</div></li>
<li><div>7</div></li>
</ul>
</div>
</div>
</div>
</div>
リストされたすべてのアイテムを親 div に変換し、リストされたすべてのアイテムを使用して偉大な親の div を置き換え、全体的なコードが次のようになるようにします。
<div><div>4</div></div>
<div><div>5</div></div>
<div><div>6</div></div>
<div><div>7</div></div>
私のロジックでは、これを達成するために jQuery を使用したいと考えています。これまでのところ、すべての要素を .K2ItemsBloc ul 内のリストされた項目に取得し、div.marketing をリストに置き換えて、jQuery コードをそれはこのように見えますか
//1. Get all content in K2ItemsBlock ul into a variable called mlist
var mlist = $(".k2ItemsBlock ul").contents()
//2. Change all li HTML elements inside the variable mlist to div
//3. Replace div.marketing with the variable mlist
$(".marketing").replaceWith(mlist);
タスク 2 を使用しない上記の jQuery コードの行は、元のコードを次のように変換します。
<li><div>4</div></li>
<li><div>5</div></li>
<li><div>6</div></li>
<li><div>7</div></li>
私が今理解できるのは、div.marketing を置き換える前に、変数 mlist 内のすべての li 要素を変換する構文です。
提案やアイデアはありますか?