沒有循環遍歷所有的數據

Question

我已經創建了一個腳本來獲取html元素內的數據有一個ID股票代碼的股利，我想獲得在股票市場股利存在的div的所有數據我只得到第一次在我的控制檯日誌中沒有得到他們的休息，請誰能幫我出

$(document).ready(function() { 
var table = $("#ticker"); 
var calls = []; 
table.each(function (i) { 
    var $tds = $(this).find('div'), 
    url = $tds.eq(0).text(), 
    Company_name = $tds.eq(1).text(), 
    open = $tds.eq(2).text(); 
    high = $tds.eq(3).text(); 
    var row_id = (i + 1); 
    console.log(url); 
}); 
}); 

這是我的HTML

<div id="ticker" style="height:18px;font-family:Arial;font-size:12px;font-weight:bold;padding-top:3px;width:6000px;"> 


<div style="width:180px;float:left;text-align:center;"> 
    <font color="#f6c644">tag 1</font> 
    &nbsp;&nbsp;52.24&nbsp;/&nbsp;1.33M&nbsp; 
    <font color="#4eff00">&nbsp;0.16</font> 
    </div> 
    <div style="width:180px;float:left;text-align:center;"> 
    <font color="#f6c644">tag 2</font>&nbsp;&nbsp;93.5&nbsp;/&nbsp;1.07M&nbsp; 
    <font color="#4eff00">&nbsp;1.4</font> 
    </div> 
    <div style="width:180px;float:left;text-align:center;"> 
    <font color="#f6c644">tag 3</font>&nbsp;&nbsp;74.2&nbsp;/&nbsp;0.84M&nbsp; 
    <font color="#ff0000">&nbsp;-0.47</font> 
    </div> 
</div> 

Answer 1

var table = $("#ticker"); 
 
var calls = []; 
 
table.find('div').each(function(i,item) { 
 
    var $tds = $(this); 
 
    var url = $tds.eq(0).text(); 
 
    var Company_name = $tds.eq(1).text(); 
 
    var open = $tds.eq(2).text(); 
 
    var high = $tds.eq(3).text(); 
 
    var row_id = (i + 1); 
 
    console.log(url); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="ticker" style="height:18px;font-family:Arial;font-size:12px;font-weight:bold;padding-top:3px;width:6000px;"> 
 

 

 
<div style="width:180px;float:left;text-align:center;"> 
 
    <font color="#f6c644">tag 1</font> 
 
    &nbsp;&nbsp;52.24&nbsp;/&nbsp;1.33M&nbsp; 
 
    <font color="#4eff00">&nbsp;0.16</font> 
 
    </div> 
 
    <div style="width:180px;float:left;text-align:center;"> 
 
    <font color="#f6c644">tag 2</font>&nbsp;&nbsp;93.5&nbsp;/&nbsp;1.07M&nbsp; 
 
    <font color="#4eff00">&nbsp;1.4</font> 
 
    </div> 
 
    <div style="width:180px;float:left;text-align:center;"> 
 
    <font color="#f6c644">tag 3</font>&nbsp;&nbsp;74.2&nbsp;/&nbsp;0.84M&nbsp; 
 
    <font color="#ff0000">&nbsp;-0.47</font> 
 
    </div> 
 
</div>

Answer 2

變化選擇器從$("#ticker")到$("#ticker>div")：

$(document).ready(function() { 
 
    var table = $("#ticker>div"); 
 
    var calls = []; 
 
    table.each(function (i) { 
 
     var $tds = $(this); 
 
     var url = $tds.text(), 
 
      Company_name = $tds.eq(1).text(), 
 
      open = $tds.eq(2).text(); 
 
      high = $tds.eq(3).text(); 
 
      var row_id = (i + 1); 
 
      console.log(url); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="ticker" style="height:18px;font-family:Arial;font-size:12px;font-weight:bold;padding-top:3px;width:6000px;"> 
 
    <div style="width:180px;float:left;text-align:center;"> 
 
     <font color="#f6c644">tag 1</font> 
 
     &nbsp;&nbsp;52.24&nbsp;/&nbsp;1.33M&nbsp; 
 
     <font color="#4eff00">&nbsp;0.16</font> 
 
     </div> 
 
     <div style="width:180px;float:left;text-align:center;"> 
 
     <font color="#f6c644">tag 2</font>&nbsp;&nbsp;93.5&nbsp;/&nbsp;1.07M&nbsp; 
 
     <font color="#4eff00">&nbsp;1.4</font> 
 
     </div> 
 
     <div style="width:180px;float:left;text-align:center;"> 
 
     <font color="#f6c644">tag 3</font>&nbsp;&nbsp;74.2&nbsp;/&nbsp;0.84M&nbsp; 
 
     <font color="#ff0000">&nbsp;-0.47</font> 
 
    </div> 
 
</div>