如何限制jQuery的搜索范圍

Question

使用選擇器時， JQuery似乎在當前document中進行搜索。

如何僅在div元素內搜索元素？

Answer 1

jQuery選擇器的工作方式與CSS選擇器非常相似，您可能會更熟悉。

首先，選擇div，然后從該目錄降級：

$('#my-div').find('some-selector').

或構建您的選擇器以匹配相關元素的子元素：

$('#my-div some-selector')

Answer 2

這是個老問題，但是每個人似乎都錯過了作用域化的 jQuery選擇器（使用您想要的作用域，即div選擇器作為第二個參數）

例如使用

var $matches = $('.adiv', '#mydiv');

這是以下簡稱：

var $matches = $('#mydiv').find('.adiv');

Answer 3

var elems = jQuery(".foo", jQuery("#divYourWantToLimitTo") );  //BAD
//or
var elems = jQuery("#divYourWantToLimitTo .foo");  //Better
//or
var elems = jQuery("#divYourWantToLimitTo").find(".foo");  //BEST

Answer 4

jQuery提供了幾種搜索特定元素的方法：

$("#your_div").find(".your_things");        //Find everything inside
  //-or-
$("#your_div").filter(".your_things");      //Find only the top level
  //-or-
$("#your_div .your_things");                //Easiest

Answer 5

var elements = $('div ' + yourSearch);

Answer 6

$('div-selector').find('the selector-you-are-looking-for');