jQuery选择所有以“o”开头并后跟数字的元素

Question

我想在某个 div 上添加事件。对象是当用户将鼠标放在 div 上时，做某事，当他的鼠标退出我的 div 时做其他事情。我想在每个 div 上添加该事件，以“0”开头，后跟一个数字。但问题是我无法访问 jQuery 官方文档，而且我找不到使用 Google 的正确方法。 我认为：

$('div[id^="o"]')

它可以工作，但我想确保它只选择正确的 div，而不是其他以 o 开头且不直接跟数字的 div。

做我的活动可以这样吗？

$(the right selector).each(function whenMouseEnter(element,id), function whenMouseExit(element,id));

Answer 1

由于 jQuery 的选择器缺少正则表达式函数，您需要使用 filter() 显式测试每个找到的元素的 id：

$('div[id^="o"]').filter(function () {
    return (/^o\d/).test(this.id);
}).hover(function () {
    // mouse over
}, function () {
    // mouse leave
});

参考资料：

• JavaScript：
  • RegExp()。
  • RegExp.prototype.test();
• jQuery:
  • filter()。
  • hover()。