javascript - 如何避免在 jQuery 中重复选择器名称？

Question

我是 jQuery 和 Javascript 的新手，我想知道是否有更短的写法:

function setSearchForm() {
  if ($('#search input[type=text]').val().length != 0) {
    $('#search input[type=submit]').removeProp('disabled');
    $('#search #clear_button').show();
  } else {
    $('#search input[type=submit]').prop('disabled', true);
    $('#search #clear_button').hide();
  }
}

#search 选择器的重复对我来说很笨拙。

感谢您的帮助。

Answer 1

可能是:

function setSearchForm() {
    var s = $('#search'), l = !$('input[type=text]',s).val().length;
    $('input[type=submit]',s).prop('disabled',l)
    $('#clear_button',s).toggle(!l);
}

FIDDLE