jquery - 在 jQuery 中使用多个选择器

Question

我有一个有效的jQuery语句如下

 var firstHeaderLineElement = $(".resultGridTable .tableColGroupAssociate");

我需要通过将 .tableColGroupAssociate 作为变量来使其更通用。我使用以下方法实现了这一点：

    var hideClass = '.tableColGroupAssociate';
    var firstHeaderLineElement = $(".resultGridTable").find(hideClass);

然而，它需要一个“发现”。有没有更好的 jQuery 方式来解决这个问题？

score 3 · Accepted Answer

使用字符串连接：

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable " + hideClass );

jQuery$(selector, context)格式：

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable", hideClass);

但在内部它实现了.find().

笔记

但是 jQuery 总是不实现该find()方法。在现代浏览器中，它尝试实现，document.querySelectorAll()以便浏览器尝试将其解析为有效的 CSS 选择器。

如果此默认引擎失败，则 jQuery 使用其默认引擎Sizzle解析选择器，该引擎使用其内部机制进行 DOM 遍历。

score 3 · Accepted Answer

您可以在选择器标识中使用多个字符串

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable " + hideClass);