jqueryで選択されたオプションのデータ属性を取得できません

Question

以下は私のhtml Dom.私は選択オプションのデータ属性をフェッチしたいです。私の次のjQueryが動作していないdata-brand-idフェッチするために

<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> 

。

$(".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 のための属性セレクタの間スペースは、私は問題が何であるかと思います。あなたの場合は、がありませんです。

Answer 2

space

select[name='brand_dropdown']間と option:selectedを与えるこの

$(this).closest("tr").find("select[name='brand_dropdown'] option:selected").data("brand-id"); 

をお試しください