Question

我有一个动态表，它取决于abc1列的数量。
在这个例子中，我在abc1列中有2行。有价值的是18和23
http://jsfiddle.net/SdN4L/

<table border=1>
    <tr>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th align="center" colspan="3">abc</th>
        <th rowspan="2"></th></tr>
    <tr>
        <th>abc1</th>
        <th>abc2</th>
        <th>abc3</th>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">16</td>
        <td rowspan="2">a</td>
        <td rowspan="2">300</td>
        <td rowspan="2">b</td>
        <td>18</td>
        <td>c</td>
        <td>333</td>
        <td rowspan="2">31</td>
        <td rowspan="2"><input type="button" value="Edit" name="edit" class="edit"></td>
        <td rowspan="2"><input type="button" value="Delete" name="delete"  class="delete"></td>
        <td rowspan="2"><input type="button" value="Add" name="add"  class="add"></td>
    </tr>
    <tr>
        <td>23</td>
        <td>d</td>
        <td>322</td>
    </tr>
</table>

当我点击编辑按钮时，我想这样做。它将显示下一行的值，如3步。我不知道该怎么做3个步骤。我怎样才能做到这一点。感谢

$('.edit').click(function(){
    //1: get rowspan value of <td rowspan="2">edit input</td>
    //2: for (i=1; i < rowspan.value; i++)
    //3:     alert('text of abc2') = 23 and d and 322
    alert ($(this).parent().siblings().eq(7).text());
});

Answer 1

您可以使用

获取下一行

$(this).parents('tr').next()

http://jsfiddle.net/SdN4L/5/

Answer 2

您可以轻松获取rowspan值：

$(this).parent().siblings().eq(0).attr("rowspan");

Jquery - 获取具有rowspan多个的标记的值

2 个答案: