Javascript 单击页面上的任意位置隐藏两个元素

我试图用类

notify me

和

write review

隐藏两个元素，单击页面上的任意位置，但不要单击这两个元素

如何使用原型实现这一点

现在，如果我点击叠加，它们都被关闭了

PS：我正在将单击事件附加到

正文

尝试以下操作：

$(document).on('click', function (e) {
    var re = /(^|\s)(notify-me|write-preview)(\s|$)/;
    if (re.test($(e.target).classNames())) return false;
    $$('.notify-me', '.write-preview').invoke('hide');
});

下面是一个改进的版本，它通过目标元素的祖先出现：

$(document).on('click', function (e) {
    var re, els, iterator;
    re = /(^|\s)(notify-me|write-preview)(\s|$)/;
    els = [$(e.target)].concat($(e.target).ancestors());
    iterator = function (el) { return re.test(el.classNames()); };
    if (els.find(iterator)) return false;
    $$('.notify-me', '.write-preview').invoke('hide');
});

---

这里有一个演示：。

oops。。是的，这很有魅力。。我有压力。。所以当时没有接受：）。。谢谢