阻止jQuery遍歷文檔的部分

Question

我在一個大量使用Ajax請求的網站上工作，該請求在DOM中構建基於選項卡的結構。我擔心的是，DOM將堆積如此多的選項卡和元素，以至於JQuery選擇器最終表現不佳。

有沒有辦法維護一個大的DOM，但提供了一個「提示」排除某些部分。例如，我想維護DOM中的元素，但只有我的JQuery選擇器適用於活動選項卡。

我希望會有某種形式的「忽略」標籤的，我可以動態地應用到無源部分

也許是存儲在數據字典中的活動標籤元素的替代，並把他們進出的DOM，因爲它們成爲焦點。

Answer 1

可以使用context方法：

）最初傳遞到jQuery的（該DOM節點上下文;如果沒有通過，那麼上下文將可能是文檔。

http://api.jquery.com/context/

Answer 2

只是提供一個選擇器，告訴jquery你想要什麼。例如，給每個標籤一個id。然後，如果你想獲得的所有a標籤在news標籤：

$("#news a") 

jQuery將隨後只知道在#news看。

id查詢通常非常有效，因爲只有一個元素可以有給定的id。

Answer 3

在您的選擇器上，您可以傳遞一個上下文作爲第二個參數來告訴jquery文檔的哪部分外觀，比如說：​​這樣可以減少要查找的節點數量。 參考：http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx#tip9

Answer 4

正如我在評論中說，你用你選擇的方式取決於你的代碼。但是，如果您最終選擇了一個巨大的選擇器列表，您可以隨時使用任何規則集合filter()。

$elements.filter(function(){ 
    return $(this).parent('.foo').length; // Only elements with parent `.foo` 
});