javascript - 在 jQuery Mobile 选择菜单中，我可以强制 LI 元素与下划线选项元素具有相同的类吗？

Question

例如，如果我有一个下拉菜单 HTML:

<div data-role="fieldcontain">
    <label for="cars" class="ui-hidden-accessible">Select Seating Area</label>    
    <select id="cars" data-native-menu="false">
      <option class="myclass1" value="volvo">Volvo</option>
      <option class="myclass2" value="saab">Saab</option>
      <option class="myclass3" value="mercedes">Mercedes</option>
      <option class="myclass4" value="audi">Audi</option>
    </select>
</div>
​

我希望将自定义类添加到生成的 UL 元素的相应 LI 元素中。一个人会怎样做呢？ jQuery Mobile 是否提供开箱即用的此功能？

这是一个快速的 JSFiddle:http://jsfiddle.net/avQC6/1/

Answer 1

不，此功能不是开箱即用的。执行此操作的方法如下所示:

$('[data-option-index=0]').addClass('myclass1');
$('[data-option-index=2]').addClass('myclass2');

我确信您可以编写一种更简洁的方法来完成此任务。这只是一般想法。