私はjQueryとJSが初めてで、基本的な順序付けられていないリストから単純なタブを作成できるかどうかを調べようとしています. 以下の動的に生成された HTML があります (リスト マークアップを変更することはできませんが、ボタン マークアップを挿入することはできます)。
私が読んだすべてのタブのチュートリアルでは、ボタンに順序なしリストを使用し、タブ自体に div を使用することについてのみ説明しています。li
親をタブdiv
に、 をボタンに使用して、逆の方法で行うことは可能ですか?
<div>tab 1</div>
<div>tab 2</div>
<div>tab 3</div>
<ul id="lists">
<li>
<h2>Title 1</h2>
<ul>
<li>An item</li>
<li>An item</li>
<li>An item</li>
</ul>
</li>
<li>
<h2>Title 2</h2>
<ul>
<li>An item</li>
<li>An item</li>
<li>An item</li>
</ul>
</li>
<li>
<h2>Title 3</h2>
<ul>
<li>An item</li>
<li>An item</li>
<li>An item</li>
</ul>
</li>
</ul>