获取具有DataTable插件的某个类的表的所有td值

时间:2015-09-23 13:21:40

标签: javascript jquery html datatable

我在DataTable页面上找到了此代码。

var table = $('#example').DataTable();
table.column(0).data().each(function(value, index) {
    console.log('Data in index: ' + index + ' is: ' + value);
});

此代码显示第一列的所有td的所有值。但是,在我的表中,td可以有不同的类。所以,我只想采用具有例如“a”类的td的值。

<td class="a"> Hello </td>
<td class="a"> Hi </td>
<td class="b"> By</td>
<td class="b"> How are you?</td>
<td class="a"> Hello world! </td>

代码将返回Hello, Hi, Hello world!

有可能吗?

更新

我的代码:

<table id="table">
    <thead>
        <tr>
            <th>a</th>
            <th>b</th>
            <th>c</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="b">Hello</td>
            <td class="b">World</td>                              
            <td class="a">346.387,81</td>
        </tr>
        <tr>
            <td class="b">Hello</td>
            <td class="b">World</td>                              
            <td class="a">444.392,35</td>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:2)

您可以使用cells() API根据班级名称进行过滤:

var table = $('#example').DataTable();
table.cells('.a').data().each(function(value, index) {
    console.log('Data in index: ' + index + ' is: ' + value);
});

<强> jsFiddle

如果要将其限制为某个列索引,可以将其作为第二个参数传递给cells(),例如:

table.cells('.a', 2).data().each(...);