を使用して、異なる親要素で繰り返される要素を削除し、同じ親の別の要素に追加しようとしましたが、JQuery
正しく機能しません
ここにあるHTML
コードは:
<div class='outer'>
<div class='inner'>
<h1> Text 1 </h1>
</div>
<span> data 1 </span>
</div>
<div class='outer'>
<div class='inner'>
<h1> Text 2 </h1>
</div>
<span> data 2 </span>
</div>
JQuery
使用したコードは次のとおりです
$('span').each(function(){
$(this).appendTo('.inner');
});
私はそのような結果になる必要があります:
<div class="outer">
<div class="inner">
<h1> Text 1 </h1>
<span> data 1 </span>
</div>
</div>
<div class="outer">
<div class="inner">
<h1> Text 1 </h1>
<span> data 1 </span>
</div>
</div>
ブラインド$('.inner')
セレクターを使用するだけで、両方の内部divを選択できます。を使用siblings()
して、使用されている要素に最も近い内部divのみを選択する必要があります。
コードは次のようになります。
$('span').each(function(){
$(this).appendTo($(this).siblings('.inner'));
});
要素とそのターゲット宛先が実際には兄弟ではない場合、代替手段は次のようになります。
$('span').each(function(){
$(this).appendTo($(this).closest('.outer').find('.inner'));
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加