Iteration für JQuery Objekt

Question

Ich habe folgendes Objekt:

<li class="departure-details"> 
<ul> 
    <li class="departure"> 
    <span class="departure-date">Wed 07/13/16</span> 
    <span class="departure-time">11:12</span> 
    </li> 
    <li class="arrival"> 
    <span class="arrival-date">Wed 07/13/16 </span> 
    <span class="arrival-time">11:12</span> 
    </li> 
</ul> 
<ul> 
    <li class="departure"> 
    <span class="departure-date">Wed 07/13/16</span> 
    <span class="departure-time">11:12</span> 
    </li> 
    <li class="arrival"> 
    <span class="arrival-date">Wed 07/13/16 </span> 
    <span class="arrival-time">11:12</span> 
    </li> 
</ul> 
</li> 

Ich möchte .each Funktion dieses mit jQuery iterieren. Bitte helfen Sie. Vielen Dank im Voraus :)

Answer 1

Versuchen:

$(function(){ 
 
    $("ul li").find("span").each(function() { 
 
     console.log($(this).text()); // loop through all li and print text of span 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<li class="departure-details"> 
 
<ul> 
 
    <li class="departure"> 
 
    <span class="departure-date">Wed 07/13/16</span> 
 
    <span class="departure-time">11:12</span> 
 
    </li> 
 
    <li class="arrival"> 
 
    <span class="arrival-date">Wed 07/13/16 </span> 
 
    <span class="arrival-time">11:12</span> 
 
    </li> 
 
</ul> 
 
<ul> 
 
    <li class="departure"> 
 
    <span class="departure-date">Wed 07/13/16</span> 
 
    <span class="departure-time">11:12</span> 
 
    </li> 
 
    <li class="arrival"> 
 
    <span class="arrival-date">Wed 07/13/16 </span> 
 
    <span class="arrival-time">11:12</span> 
 
    </li> 
 
</ul> 
 
</li>

Answer 2

Dies sollte es tun:

$(".departure-details ul").each(function() {// code here});