以下に、この小さなリストを示します。
<ul id="selectable">
<li id='0'></li>
<li id='1'></li>
<li id='2'></li>
<li id='3'></li>
<li id='4'></li>
</ul>
<span>You've selected:</span>
<span id="select-result">none</span>.
jQuery と組み合わせると、選択した要素のを取得する必要があります。id
<script>
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $( "#selectable li" ).attr( 'id' );
result.append( index );
});
}
});
});
</script>
要素をクリックするたびに、次のように表示されます。0
なぜですか?リスト要素を 2 回目にクリックすると、次のように表示されます1
。