私はこのようなものを持っています:
<div class="l-logo-window">
<img alt="X" src=".../7e1571ec597e_18dbe64431">
<img alt="X" src=".../073c03a63161_a7b6976ea8">
<img alt="X" src=".../a3d64882c398_0a8a1e5c9a">
...
<img alt="X" src=".../ae6082c9b3b1_fc020700ee">
<img alt="X" src=".../d154cb017e7a_f03972285a">
<img alt="X" src=".../975809963413_6c999604ab">
そして、Imはそれらをdivに分割しようとしています。その中で、divはそれぞれ4つのimgを持つ別の2つのdivを作成し、次のようなものを取得します。
<div class="l-logo-window">
<!-- 8 Elements in total - wrap -->
<div>
<!-- 4 Elements in div -->
<div>
<img alt="X" src=".../7e1571ec597e_18dbe64431">
<img alt="X" src=".../073c03a63161_a7b6976ea8">
<img alt="X" src=".../a3d64882c398_0a8a1e5c9a">
<img alt="X" src=".../3318b65041f2_3447b0bf60">
</div>
<!-- 4 Elements in div -->
<div>
<img alt="X" src=".../7e1571ec597e_18dbe64431">
<img alt="X" src=".../073c03a63161_a7b6976ea8">
<img alt="X" src=".../a3d64882c398_0a8a1e5c9a">
<img alt="X" src=".../3318b65041f2_3447b0bf60">
</div>
</div>
<!-- 8 Elements in total - wrap -->
<div>
<!-- 4 Elements in div -->
<div>
<img alt="X" src=".../7e1571ec597e_18dbe64431">
<img alt="X" src=".../073c03a63161_a7b6976ea8">
<img alt="X" src=".../a3d64882c398_0a8a1e5c9a">
<img alt="X" src=".../3318b65041f2_3447b0bf60">
</div>
<!-- 4 Elements in div -->
<div>
<img alt="X" src=".../7e1571ec597e_18dbe64431">
<img alt="X" src=".../073c03a63161_a7b6976ea8">
<img alt="X" src=".../a3d64882c398_0a8a1e5c9a">
<img alt="X" src=".../3318b65041f2_3447b0bf60">
</div>
</div>
</div>
私はこれを得た:
$('.l-logo-window > img:nth-child(8n-7)').each(function() {
$(this).nextAll().slice(0, 7).add(this).wrapAll('<div class="subclass-js"></div>');
}).eq(0).closest('div').unwrap();
$('.subclass-js > img:nth-child(4n-3)').each(function() {
$(this).nextAll().slice(0, 3).add(this).wrapAll('<div></div>');
}).eq(0).closest('div').unwrap();
ただし、2つの短所があります。-最初:ラップdiv [class = "l-logo-window"]を失いました。-2番目:最初の2つのdivに1つのdivがありません。
助けてください、ありがとう!