使用选择器时,JQuery
似乎会在当前document
中进行搜索。
如何仅在div
元素内搜索元素?
答案 0 :(得分:28)
jQuery选择器非常类似于CSS选择器,您可能更熟悉它。
首先,选择div,然后从那里下载:
$('#my-div').find('some-selector').
或构建您的选择器以匹配相关元素的子元素:
$('#my-div some-selector')
答案 1 :(得分:10)
老问题,但似乎每个人都错过了范围 jQuery选择器(使用你想要的范围,即你的div选择器,作为第二个参数)
e.g。使用
1
这是一个较短的等价物:
var $matches = $('.adiv', '#mydiv');
答案 2 :(得分:8)
var elems = jQuery(".foo", jQuery("#divYourWantToLimitTo") ); //BAD
//or
var elems = jQuery("#divYourWantToLimitTo .foo"); //Better
//or
var elems = jQuery("#divYourWantToLimitTo").find(".foo"); //BEST
答案 3 :(得分:2)
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
答案 4 :(得分:0)
var elements = $('div ' + yourSearch);
答案 5 :(得分:0)
$('div-selector').find('the selector-you-are-looking-for');