jquery - 如何使用jquery找到select标签的get属性，其中value=something？

Question

如何获取 #products.option value = 6 的价格属性值。

<select id="products">
<option value="2" price="60.00">Product 1</option>
<option value="4" price="40.00">Product 2</option>
<option value="6" price="40.00">Product 2</option>
<option value="8" price="40.00">Product 2</option>
</select>

Answer 1

您可以通过元素的属性和值来选择元素。

alert($('#products option[value="6"]').attr('price'));

演示:http://jsfiddle.net/tusharj/rhf0q9nt/

文档:https://api.jquery.com/attribute-equals-selector/

编辑

感谢@satpal:

使用 data-* 前缀的自定义属性在元素上存储任意数据。

HTML

<select id="products">
    <option value="2" data-price="60.00">Product 1</option>
    <option value="4" data-price="40.00">Product 2</option>
    <option value="6" data-price="40.00">Product 2</option>
    <option value="8" data-price="40.00">Product 2</option>
</select>

Javascript

$('#products option[value="6"]').data('price');

演示:http://jsfiddle.net/tusharj/7c7aet9w/