javascript - Jquery - 複数のrowspanを持つタグの値を取得

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");