ID の使用は必須ではありません。実際、html リストを使用する必要もありません。
次の例では<div>
、コンテナとしてa を使用<span>
し、選択可能なアイテムとして要素を使用しています。
<div class="group">
<span>Item 1</span>
<span>Item 2</span>
<span>Item 3</span>
</div>
<script>
$(".group").selectable({ filter: 'span' });
</script>
次の例では、データ属性セレクターを使用して、[data-album]
複数のコンテナーをターゲットにしています。これらの各<p>
要素は、子要素を選択対象として個別の選択可能要素に変換され<img>
ます。
<p data-album="Vacation">
<img src="..." />
<img src="..." />
<img src="..." />
</p>
<p data-album="Birthdays">
<img src="..." />
<img src="..." />
<img src="..." />
</p>
<script>
$("[data-album]").selectable({ filter: 'img' });
</script>