jquery選擇我的表中的所有表格數據

Question

我是Jquery FYI的新手。我試圖讓我的表中的所有表格數據顯示在我的控制檯中，但它不起作用。我選擇了所有表格行遍歷每個表格以查找所有表格數據，併爲該控制檯記錄它，但它不起作用。一些解釋會有幫助！

$(document).ready(function() { 
 
    $('#divTable td').each(function(){ 
 
     var tableData = $(this); 
 
     console.log($(tableData).val()); 
 

 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myContent"> 
 
    <p>My Jquery enabled page</p> 
 
</div> 
 
<br> 
 
<div id="divTable"> 
 
    <table> 
 
    <tr> 
 
     <!--table heading--> 
 
     <th>Company</th> 
 
     <th>Contact</th> 
 
     <th>Country</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Alfreds Futterkiste</td> 
 
     <td>Maria Anders</td> 
 
     <td>Germany</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Centro comercial Moctezuma</td> 
 
     <td>Francisco Chang</td> 
 
     <td>Mexico</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Ernst Handel</td> 
 
     <td>Roland Mendel</td> 
 
     <td>Austria</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Island Trading</td> 
 
     <td>Helen Bennett</td> 
 
     <td>UK</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Laughing Bacchus Winecellars</td> 
 
     <td>Yoshi Tannamuri</td> 
 
     <td>Canada</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Magazzini Alimentari Riuniti</td> 
 
     <td>Giovanni Rovelli</td> 
 
     <td>Italy</td> 
 
    </tr> 
 
    </table> 
 
</div>

Answer 1

如果你想通過<tr>元素迭代，它應該做相同的是，你通過<td>元素一樣 - 也就是說，沒有:。

話雖這麼說，通過<tr>元素循環是不是真的有必要，因爲<td>元素將總是是內<tr>標籤。外部each()可以簡單地刪除。

我會改變的最後一件事情：當我假設你想要單元格內的文本而不是單元格對象本身時，你將每個<td>記錄爲一個jQuery元素。我在示例中添加了.text()來演示。

$(document).ready(function() { 
 
    $(this).find('td').each(function() { 
 
     var tableData = $(this).text(); 
 
     console.log(tableData); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myContent"> 
 
    <p>My Jquery enabled page</p> 
 
</div> 
 
<br> 
 
<div id="divTable"> 
 
    <table> 
 
    <tr> 
 
     <!--table heading--> 
 
     <th>Company</th> 
 
     <th>Contact</th> 
 
     <th>Country</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Alfreds Futterkiste</td> 
 
     <td>Maria Anders</td> 
 
     <td>Germany</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Centro comercial Moctezuma</td> 
 
     <td>Francisco Chang</td> 
 
     <td>Mexico</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Ernst Handel</td> 
 
     <td>Roland Mendel</td> 
 
     <td>Austria</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Island Trading</td> 
 
     <td>Helen Bennett</td> 
 
     <td>UK</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Laughing Bacchus Winecellars</td> 
 
     <td>Yoshi Tannamuri</td> 
 
     <td>Canada</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Magazzini Alimentari Riuniti</td> 
 
     <td>Giovanni Rovelli</td> 
 
     <td>Italy</td> 
 
    </tr> 
 
    </table> 
 
</div>