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

Posted 2023-03-05

【中文标题】获取动态生成的数据表中的第二个 td 值

【英文标题】：get the second td value in dynamically generated datatable

【发布时间】：2013-12-04 07:22:12

【问题描述】：

在我的网页上，我有一个按钮，点击它会动态生成一个表格。表格的每一行都有一个单选按钮。现在，我试图让选中的单选按钮最接近 td 值。我的意思是金额值。

<table cellpadding="0" cellspacing="0"  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>

【问题讨论】：

为每个单选按钮使用一个 id 并引用此 [链接][1]。 [1]：***.com/questions/4813219/jquery-checkbox-value

嗨，如果我单击复选框，我如何获得金额值（最近的 td）

问题不清楚。我认为您正在尝试单击复选框并将值获取到文本框中。是吗？

您的意思是，如果您检查第一个，则表示 1200000 ？

好的。你有一个单独的按钮。然后您检查一个 ckeck 框，然后单击您需要获取值的按钮。是吗？

【参考方案1】：

你的问题不清楚。但是，在阅读了 cmets 之后，我认为这就是您所需要的。

$(".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() 的一种巧妙方法。