javascript - 如何使用 JS 或 jQuery 获取 Rowspan 行值

标签 javascript jquery

我正在尝试提取属于 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>

因此,例如,如果我点击一月,我必须提取其分摊费用:$50、$50

如果我点击二月,我必须提取其分摊费用:$150、$150、$100

最佳答案

试试这个,

$(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

关于javascript - 如何使用 JS 或 jQuery 获取 Rowspan 行值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21374125/

相关文章:

javascript - 添加链接时 Bootstrap 下拉按钮将不起作用

javascript - 按钮链接到随机 div

javascript - 如何迭代 JSON 数据并添加单独的 CSS?

Javascript Module Pattern 使用 Prototype 创建多个实例

javascript - 当不再需要输入字段时,如何让错误消息自动消失?

javascript - Sprite 不显示在 html5 Canvas 上

javascript - onLoadFinished 触发时页面未完全加载/渲染

javascript - 访问存储在 session 中的html表

jquery - tinyMCE setContent - 动态(jQuery)添加文本区域

javascript - d3 按 id 值将对象数组数据绑定(bind)到加载的 svg