Ziel erstes Element innerhalb des übergeordneten Elements

Question

Ich habe Probleme beim Targeting des ersten Elements in einem Listenelement mit: zuerst.

<li data-id="321"> 
    <ul> 
     <li data-id="380"> 
      <ul> 
       <li data-id="385"></li> 
      </ul> 
     </li> 
     <li data-id="382"></li> 
    </ul> 
</li> 

$(".drop .position").click(function() { 
    $this = $(this); 
    $targetID = $(".box-cont.active ").closest("li.box").data("id"); 
    $childrenArray = new Array(); 
    if ($target.find("ul:first").find("li").length > 0) { 
     $target.find("ul:first").find("li").each(function() { 
      $this = $(this); 
      $childrenArray.push($this.data("id")); 
     }); 
     alert($childrenArray); 
    } else { 
     alert("no children"); 
    } 

Ich bin nur versuchen, die Kinder des ersten ul innen 321. Statt zu zielen, ich hinzufüge, 380, 382 und 385 auf das Array, wenn ich nur 380 und 382 hinzugefügt werden soll

Answer 1

Es wird in der Tat alle li finden. Was du willst, sind direkte Nachkommen. Entweder Fund von Kindern ersetzen oder "ul:first>li" als jQuery-Selektor