javascript - 无法检索 jquery 中所选选项的数据属性

Question

下面是我的html Dom。我想获取选择选项的数据属性。

<table class="fanpage-table">
     <tbody>
        <tr>
            <td>Blog System...</td>
            <td>History......</td>
            <td>
                <select name="brand_dropdown">
                    <option data-brand-id="xxxthisxxxxxxx">PKB</option>
                    <option data-brand-id="xxxthisxxxxxxx">QKJ</option>
                </select>
            </td>
            <td><i class="fa fa-check-square-o save-fan-page" data-fanpage-id="xxxxxxxxxx"></i></td>
        </tr>      
    </tbody>
</table>

要获取data-brand-id，我的以下 JQuery 无法正常工作。

$(".save-fan-page").on("click",function() 
{
   $(this).closest("tr").find("select[name='brand_dropdown']option:selected").data("brand-id");
}

Answer 1

$(".save-fan-page").on("click",function() {
  $(this).closest("tr").find("select[name='brand_dropdown'] option:selected").data("brand-id");
 } 

请注意 select 的属性选择器和 option:selected 之间的空格 我认为这就是问题所在。在您的情况下，它丢失。