jquery - 访问html元素的数据属性

Question

我有以下代码，但我无法访问 data-alt-engine 属性，有人可以告诉我哪里出错了，提前谢谢您!

<select id="HotelList" name="HotelList" style="visibility: hidden; height: 30px;">
 <option class="selectmsg" value="All" data-cluster="my hotel">SELECT HOTEL</option
<option class="hotel" data-cluster="france" data-alt-engine="">Hotel 1</option>
<option class="hotel" value="10216" data-cluster="france" data-alt-engine="1">Hotel 2</option>
</select>

jquery

   $("#HotelList").change(function () {
                   // alert("Handler for .change() called.");
                    if ($("#HotelList option").attr("data-alt-engine") == "1")
                    { alert("1"); }
                    else 
                    { alert("0"); }

                });

Answer 1

attr 从与选择器匹配的first元素中获取属性值。

第一个选项没有 data-alt-engine 属性。

您可能想获得the :selected选项元素。

(旁白:您可能更喜欢 data 而不是 attr))