单击按钮获取表行的内容

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() {

    var id = $(this).closest("tr").find(".nr").text();

    $("#resultas").append(id);

});

Answer 2

尝试这个：

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

   $(this).closest('tr').find('td').each(function() {

        var textval = $(this).text(); // this will be the text of each <td>

   });

});

这将找到tr当前单击的按钮中最接近的（在DOM中向上移动），然后循环每个按钮td-您可能要使用值创建一个字符串/数组。