javascript - 从选择中获取自定义属性

Question

如何从所选选项中获取 data-itemslimit 属性？

$(function() {
    $('#content_id').on('change', function(){
      alert($('#content_id').attr('data-itemslimit'));
    })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<select id="content_id" class="form-control" data-reactid=".2.3.4.2.0.1.0.1.0">
  <option value="22" data-itemslimit="9" data-reactid=".2.3.4.2.0.1.0.1.0.$22">Content Test</option>
  <option value="23" data-itemslimit="6" data-reactid=".2.3.4.2.0.1.0.1.0.$23">Second Content</option>
</select>

我得到 undefined...

Answer 1

使用option:selected

$(function() {
    $('#content_id').on('change', function(){
      alert($('option:selected', this).attr('data-itemslimit'));
    })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<select id="content_id" class="form-control" data-reactid=".2.3.4.2.0.1.0.1.0">
  <option value="22" data-itemslimit="9" data-reactid=".2.3.4.2.0.1.0.1.0.$22">Content Test</option>
  <option value="23" data-itemslimit="6" data-reactid=".2.3.4.2.0.1.0.1.0.$23">Second Content</option>
</select>

引用

https://api.jquery.com/jQuery/#selector-context

https://api.jquery.com/selected-selector/