如何将子选择器和子元素添加到变量，引用元素

Question

我需要将一个子选择器和子元素添加到变量中，引用一个元素。 但我似乎无法让它工作.. 我试过了;

  var wrapper = $('#wrapper');

  if($(wrapper+' > .box').length > 0)) // unsuccessful

  if(wrapper.add(' > .box').length > 0)) // unsuccessful

  and

  if(wrapper[0]+' > .box'.length > 0)) // unsuccessful

感谢cam

Answer 1

我猜.box是包装器的直接子，你试图检查它是否存在，所以你可能会这样做：

var wrapper = $('#wrapper');

if ( wrapper.children('.box').length ) {
    //wrapper has direct child .box
}

Answer 2

问题在于您将选择与选择器混淆。如果你做了：

var selector = "#wrapper";
var wrapper = $(selector);

然后你可以适当地测试它：

if ( $(selector + " > .box").length )

请注意，>是first-child选择器。