使用多個選擇在jQuery的

Question

我有一個工作jQuery的聲明如下

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

我需要通過使.tableColGroupAssociate作爲變量這個更廣義的。我已經實現了這個使用以下內容：

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

但是，它需要一個「查找」。有沒有更好的表現jQuery的方式呢？

Answer 1

使用字符串連接：

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

jQuery的$(selector, context)格式：

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

但是在內部它實現了.find()。

---

注

但jQuery的總是沒有實現find()方法。在現代瀏覽器中，它嘗試實現document.querySelectorAll()，以便瀏覽器將嘗試將其解析爲有效的CSS選擇器。

如果此默認引擎失敗，則jQuery的使用其默認發動機其中使用DOM遍歷其內部機構Sizzle解析選擇器。

Answer 2

您可以使用選擇多個字符串識別

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