在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()用於不同的選擇器。