javascript - 检查变量中的对象是否也包含在另一个变量中(jQuery)

Question

我希望标题能够概括我想要实现的目标。

假设我有两个变量:

var one = $('div.foo, div.faa, div.fee, span, a, .all-sorts-of-objects'),
    two = $('div.fii, div.foo, span, .all-sorts-of-objects-two');

现在，我想检查 two 中包含的对象是否也包含在 one 中。换句话说，如果两个变量中都存在任何对象。

我需要这个，以便我可以设置一个非覆盖的悬停功能(即因为我要添加内联颜色样式，所以我需要明智地定位我的对象)。这是我想出的逻辑:(注意 if(one == Two) 这本质上是我的问题)。

one.hover(function() {
    if(one == two) { // if there is one or more objects in both variables..
       $(this).css('color', 'red');
    } else {
       $(this).css('color', 'blue');
    } 
}, function() {
    // ...
});

我希望我已经说得足够清楚了。如果没有，请告诉我，我会尽力更好地解释这一点。

非常感谢!

Answer 1

这是一种快速但肮脏的方法:

var one = $('div.foo, div.faa, div.fee, span, a, .all-sorts-of-objects').addClass('one');
var two = $('div.fii, div.foo, span, .all-sorts-of-objects-two').addClass('two');

one.hover(function() {
    if(one.hasClass('two')) {
       $(this.css('color', 'red');
    }
});