次のようなli要素があります。
<ol id="selectbox">
<li class="boxes" name="bears">bees</li>
<li class="boxes" name="cakes">candles</li>
<li class="boxes" name="wine">beer</li>
<li class="boxes" name="spoon">fork</li>
<li class="boxes" name="bench">chair</li>
<li class="boxes" name="matches">fire</li>
<li class="boxes" name="kindling">wood</li>
</ol>
クリックすると、「bears」という名前を取得するか、「bees」というテキストを変数に入れたいと思います (両方を実行する方法を知っておくと役立ちます)。jQueryセレクターでこれを行うにはどうすればよいですか? 私は多くのことを試しました
var $radios = $('input[name="mybuttons"]');
$('#selectbox li').click(function(){
var $btn = $(this).addClass('active');
var idx = $btn.index();
var name = $('li['+idx+']').name();
});
と
var name = $('#li.active').name()
と
var name = $radios.eq(idx).prop('name')
等