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>