Question

我有以下对象：

<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>

我想使用jQuery .each函数迭代它。请帮忙。提前感谢：）

Answer 1

尝试：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

这应该这样做：

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

Jquery对象的迭代

2 个答案: