在jQuery中组合选择器

Question

我有一个jQuery选择器，正在使用它将工具提示应用于元素：

TooltipBuilder.buildRackDisplayTooltip(this.$el, rackInformationListView.render().$el);

我的元素没有ID。 它不需要一个，因为this.$el唯一标识元素。

我想修改我的语句，使选择器现在匹配两个元素：

//  Doesn't work
var selector = this.$el + this.$el.children('.rackName');

我希望仅在鼠标离开this.$el或当鼠标进入this.$el某些但不是全部后代时触发mouseout事件this.$el

是否可以在不给this.$el分配ID的情况下创建这样的表达式？

如果我的元素具有ID，则可以使用选择器，例如：

var selector = $('#' + this.el.id + ' ,' + this.el.id + ' > .rackName');

尽管这似乎仍然很冗长

Answer 1

您可以使用add组合元素（可能是变量表示选择器）

var selector = this.$el.add(this.$el.children('.rackName'));

您甚至可以只提供选择器字符串来添加。

var selector = this.$el.add('someselector');

并仅在第一个示例中添加内容，在该示例中，您尝试获取子项并为其添加父项。 您可以使用var selector = this.$el.children('.rackName').addBack(); 第二个示例，您可以将.add()用于不同的选择器。