javascript - 有没有一种简单的方法来检查给定的选择器字符串是否只指向一个元素？

Question

例子

$('div.mydiv').checkifonlyone().css('background-color', 'red');

或者也许

$('div.mydiv').filter(':checkifonlyone').css('background-color', 'red');

我希望文档中只有一个包含该类的 div，否则应该显示一条错误消息并且脚本应该停止执行？

Answer 1

可以看起来像:

$('div.mydiv:eq(0)').css('background-color', 'red');

如果有多个，那个总是选择第一个元素。

或

var $mydiv = $('div.mydiv');
if($mydiv.length === 1) {
   $mydiv.css('background-color', 'red');
}

如果选择器上恰好有一个匹配项，实际上只会更改背景颜色。