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

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

谢谢凸轮

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 )

请注意，这>是第一个子选择器。