Question

我正在尝试提取属于td rowspan的td值。

<!DOCTYPE html>
<html>
<body>
<table border="1">
    <tr>
        <th>Month</th>
        <th>Expenses</th>
        <th>Exp/ Divided</th>
    </tr>
    <tr>
        <td rowspan="2">January</td>
        <td rowspan="2">$100</td>
        <td>$50</td>
    </tr>
    <tr>
        <td>$50</td>
    </tr>
    <tr>
        <td rowspan="3">February</td>
        <td rowspan="3">$400</td>
        <td>$150</td>
    </tr>
    <tr>
        <td>$150</td>
    </tr>
    <tr>
        <td>$100</td>
        <tr></tr>
</table>
</body>
</html>

因此，如果我点击1月份，我必须提取其分开的费用：50美元，50美元

如果我点击2月份，我必须提取其分开的费用：150美元，150美元，100美元

Answer 1

试试这个，

$(function(){
    $('.rowspan').on('click',function(){
        $tr=$(this).closest('tr');
        rowspan=$(this).attr('rowspan');
        index=$('tr').index($tr);
        tot=parseInt(index)+parseInt(rowspan);
        for(var i=index,len=tot;i<len;i++){
            console.log($('tr:eq('+i+') td:last').text());
        }
    });
});

Working Demo

Answer 2

使用jquery，你可以简单地选择这样的对象：

$("td[rowspan='2']");

要获取包含的值，请执行以下操作：

$("td[rowspan='2']").text();

更多相关信息： http://api.jquery.com/attribute-equals-selector/

如何使用JS或jQuery获取Rowspan Rows值

2 个答案: