使用Jquery从最后一个单元格中获取Td单元格

Get Td cell from the last cell using Jquery

本文关键字：单元格 Td 获取最后一个 Jquery 使用更新时间：2023-09-26

我有一个这样的表:

<table class="table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th class="center" style="width: 30%">Name</th>                 
                    <th class="hidden-480 center" style="width: 40%">URI</th>
                    <th class="hidden-phone center" style="width: 30%">Action</th>
                </tr>
            </thead>
            <tbody>                 
                <tr>
                    <td class="name">
                        Admin_Agency 
                    </td>       
                    <td class="uri">
                       /admin/agency
                    </td>
                    <td>                           
                        <a href="#modalEdit">
                            <i class="icon-pencil"></i>
                            <span>Edit</span>
                        </a>
                        <a href="#modalDelete">
                            <i class="icon-trash"></i>
                            <span>Delete</span>
                        </a>
                    </td>
                </tr>
                <tr>
                    <td class="name">
                        System_Log 
                    </td>       
                    <td class="uri">
                        /admin/syslog
                    </td>
                    <td>                       
                        <a href="#modalEdit">
                            <i class="icon-pencil"></i>
                            <span>Edit</span>
                        </a>
                        <a href="#modalDelete">
                            <i class="icon-trash"></i>
                            <span>Delete</span>
                        </a>
                    </td>
                </tr>
           </tbody> 
     </table>

当点击编辑，我想从2兄弟td中获取数据，这是，。我添加了一个onclick事件在触发事件时向模型解析数据:

  var name = $(this).parent().siblings(".name").html()
  var uri = $(this).parent().siblings(".uri").html()

代码不运行

有什么建议给我吗?由于

您必须使用closest()获得其父tr，然后使用find()通过类选择器获得td，并使用text()获得td的开始和结束标记之间的文本。

:

var name = $(this).closest("tr").find(".name").text();
var uri = $(this).closest("tr").find(".uri").text();

<<p> 小提琴例子/strong>