jQuery循环列和获取文本

时间:2015-01-21 16:38:47

标签: jquery

是否可以循环遍历jQuery中的列并从特定列中提取文本?

这就是我的表格 - 我想用"第一个"

向下运行单元格列
<tr>
  <td id="first">...</td>
  <td>...</td>
  <td>...</td>
</tr>

1 个答案:

答案 0 :(得分:0)

注意,您无法在页面上复制ID,因此您应该使用class="first"

以下是基于HTML的示例:
JSFIDDLE DEMO

<table>
    <tr>
        <td class="first">...</td>
        <td>...</td>
        <td>...</td>
    </tr>
<table>

$(function(){
    //variable to hold our combined data from the .first column
    var combined = "";

    //get all of the .first table cells (i.e. first column)
    var firsts = $('td.first');


    //iterate through the firsts array we just created
    firsts.each(function(){
        combined += $(this).text();    
    });

    //do whatever you want with the combined variable here
    alert(combined);

});



或者,如果您想要同时避免使用td元素上的id和类,则可以使用:first-child CSS sudo-selector
Updated Demo

var firsts = $('tr td:first-child');