私は2つのリストを持っています。順序付けされていないリストと、リストとして機能しているdivのセット。順序付けられていないリストには4つのリスト項目があり、4つのdivもあります。
私が達成しようとしているのは、各divから見出しをコピーして、各リスト項目に配置することです。つまり、最初のdivの見出しは、最初のlist-itemの見出しに対応している必要があります。
これまでに達成できたのは、divをループして、以下に示すようにコピーしたい見出しに警告することだけですが、どのように進めるかがわかりません。
<div class="container">
<div class="nav-list">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div class="tab-list">
<div class="tab-item">
<h3>To be copied</h3>
</div>
<div class="tab-item">
<h3>To be copied</h3>
</div>
<div class="tab-item">
<h3>To be copied</h3>
</div>
<div class="tab-item">
<h3>To be copied</h3>
</div>
</div>
</div>
$('.tab-list .tab-item').each(function(index) {
alert(index + ': ' + $(this).children('h3').text());
});