在动态生成的数据表中获取第二个td值

时间:2013-11-20 10:39:29

标签: jquery datatable

在我的网页上,我有一个按钮,其动态生成一个表格。表格的每一行都有一个单选按钮。现在,我试图让检查的单选按钮最接近td值。我的意思是金额值..

<table cellpadding="0" cellspacing="0" width="100%" class="table table-bordered table-striped ">
    <thead>
        <tr>
            <th>
                <div class="checker"><span><input type="checkbox" class="checkall"></span>
                </div>
            </th>
            <th>Amount</th>
            <th>Agg Starts</th>
            <th>Agg Ends</th>
            <th>Next Renewal</th>
            <th>Term</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="checker"><span class=""><input type="checkbox" name="checkbox" class="ads_Checkbox" value="2"></span>
                </div>
            </td>
            <td><a class="show_hide1" href="" id="ah">1200000</a>
            </td>
            <td>15-01-2013</td>
            <td>31-12-2013</td>
            <td>01-01-2014</td>
            <td>1</td>
        </tr>
        <tr>
            <td>
                <div class="checker"><span class="checked"><input type="checkbox" name="checkbox" class="ads_Checkbox" value="65"></span>
                </div>
            </td>
            <td><a href="" id="ah">200</a>
            </td>
            <td>19-11-2013</td>
            <td>19-11-2013</td>
            <td>24-11-2013</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:3)

你的问题不明确。但是,在阅读评论之后,我认为这就是你所需要的。

$(".checker input").change(function(){
    if(this.checked){
        var value = $(this).closest("tr").find("td:eq(1)").find("a").text();
        alert(value);
    }

});

你可以在这里试试。

http://jsfiddle.net/augusto1982/XPLx7/

注意:使用closest方法是避免代码中parent().parent()...parent()的一种巧妙方法。