将所选元素的自引用传递给事件中的函数

Question

我不想两次调用$（'＃selecteShuffle'）

function sortSelect(select) {
  select.html($('select option').sort(function(a, b){
      return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
  }));
}

$('#selectShuffle').change(sortSelect($('#selectShuffle')));

Answer 1

这样做 -

$('#selectShuffle').change(sortSelect);

并在您的功能中 - this引用您的选择

function sortSelect(e) {
  $(this).html($('select option').sort(function(a, b){
      return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
  }));
}

或者您也可以这样做 - （而不更改您当前的功能设置）

function sortSelect(select) {
  select.html($('select option').sort(function(a, b){
      return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
  }));
}

$('#selectShuffle').change(function(){
   sortSelect($(this))
});