单击按钮获取表行的内容

Question

我需要提取表中每列的详细信息。例如，列“名称/编号”。

该表包含多个地址

每行的最后一列都有一个按钮，使用户可以选择列出的地址。

问题：我的代码仅拾取<td>具有类的第一个nr。我该如何工作？

这是jQuery位：

$(".use-address").click(function() {

    var id = $("#choose-address-table").find(".nr:first").text();

    $("#resultas").append(id); // Testing: append the contents of the td to a div

});

表：

<table id="choose-address-table" class="ui-widget ui-widget-content">

    <thead>

        <tr class="ui-widget-header ">

            <th>Name/Nr.</th>

            <th>Street</th>

            <th>Town</th>

            <th>Postcode</th>

            <th>Country</th>

            <th>Options</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td class="nr"><span>50</span>

            </td>

            <td>Some Street 1</td>

            <td>Leeds</td>

            <td>L0 0XX</td>

            <td>United Kingdom</td>

            <td>

                <button type="button" class="use-address" />

            </td>

        </tr>

        <tr>

            <td class="nr">49</td>

            <td>Some Street 2</td>

            <td>Lancaster</td>

            <td>L0 0XX</td>

            <td>United Kingdom</td>

            <td>

                <button type="button" class="use-address" />

            </td>

        </tr>

    </tbody>

</table>

Answer 1

您需要更改代码以找到与单击的按钮相关的行。尝试这个：$(".use-address").click(function() {&nbsp; &nbsp; var id = $(this).closest("tr").find(".nr").text();&nbsp; &nbsp; $("#resultas").append(id);});

Answer 2

尝试这个：$(".use-address").click(function() {&nbsp; &nbsp;$(this).closest('tr').find('td').each(function() {&nbsp; &nbsp; &nbsp; &nbsp; var textval = $(this).text(); // this will be the text of each <td>&nbsp; &nbsp;});});这将找到tr当前单击的按钮中最接近的（在DOM中向上移动），然后循环每个按钮td-您可能要使用值创建一个字符串/数组。