相关疑难解决方法(0)

单击按钮获取表格行的内容

我需要提取表格中每列的详细信息.例如,列"Name/Nr.".

  • 该表包含许多地址
  • 每行的最后一列都有一个按钮,用户可以选择列出的地址.

问题:我的代码只选择了第一个<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
});
Run Code Online (Sandbox Code Playgroud)

表:

<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" …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html-table onclick button

75
推荐指数
3
解决办法
37万
查看次数

标签 统计

button ×1

html-table ×1

javascript ×1

jquery ×1

onclick ×1