jquery - 这个||那|| jQuery 中的任何样式语法

Question

我的 jQuery 代码如下所示:

var $selected = $('#mySelector');

if (!$selected.length) {
  $selected = $('#anotherSelector');

  if (!$selected.length) {
    // etc.
  }
}

太丑了。我想做这样的事情:

var $selected = $('#mySelector') || $('#anotherSelector') || etc.

但是由于即使选择器不匹配，jQuery 也会返回 jQuery 对象，因此这种语法不起作用。是否有 jQuery 对象的等效项(或者可能是选择器)？谢谢!

Answer 1

不确定这是否是最好的方法，但您可以编写一个小函数来帮助实现这一目标。 Live Example

HTML

<div class="asdf">ad</div>
<div class="asdf">ad</div>
<div class="asdf">ad</div>
<div class="asdf">ad</div>
<div class="asdf">ad</div>

JS

function test(selector){
    var list = $(selector);
    if (list.length > 0) return list;
    else return null;
}

console.log($('.asdfasdf') || $('.asdf'));
console.log(test('.asdfasdf') || test('.asdf'));