代码之家 › 专栏 › 技术社区 › mezzomix

返回具有活动类的列表项的属性值

jquery

-2

mezzomix · 技术社区 · 7 年前

列表:

<div id="selections" class="available_selections">
  <ul>
   <li>
    <a id="variant_option" price="19.99" product_id="5004"  optionid="foo" class="" onclick="javascript:someFunctions(...);" onmouseout="javascript:moreFunctions(...);">
      Foo
      <input type="hidden" id="li_variant_foo" value="19.99">
    </a>
   </li>
   <li>
    <a id="variant_option" price="29.99" product_id="5004"  optionid="bar" class="active" onclick="javascript:someFunctions(...);" onmouseout="javascript:moreFunctions(...);">
      Bar
      <input type="hidden" id="li_variant_bar" value="29.99">
    </a>
   </li>
   <li>
    <a id="variant_option" price="39.99" product_id="5004"  optionid="baz" class="" onclick="javascript:someFunctions(...);" onmouseout="javascript:moreFunctions(...);">
      Baz
      <input type="hidden" id="li_variant_baz" value="39.99">
    </a>
   </li>
  </ul>
</div>

我想回去 price , product_id , optionid ,和 id 隐藏的输入及其在活动项上的值(我们的“选择”)。

我尝试了以下变体,使用one属性进行测试:

var test = $('#variant_option .active').attr('optionid');
var test2 = $('#variant_option :focus').attr('optionid');
var test3 = $('a .active').attr('optionid');
var test4 = $('a#variant_option .active').value;
var test5 = $('#variant_option').activeElement;

错误总是: Cannot read property 'value' of null .