当按下某行中的按钮时,如何使用jQuery从表中选择项。

当按下某行中的按钮时,如何使用jQuery从表中选择项。,jquery,Jquery,我会尽我所能解释这件事 因此,我有一个使用jQuery动态生成和填充的表。在表格的每一行中都有一个按钮,当按下按钮时,我需要选择该行第一列中的文本 例如: 想象一下,在下面的按钮栏中,实际上有一些按钮。例如,如果单击按钮2,则需要选择名称2。我该怎么做呢。 我已经找到了按钮的处理程序,当我单击按钮时,会显示单击的警报 $("#mTable").on("click", ".buttons", function () {

我会尽我所能解释这件事

因此,我有一个使用jQuery动态生成和填充的表。在表格的每一行中都有一个按钮,当按下按钮时,我需要选择该行第一列中的文本

例如:

想象一下,在下面的按钮栏中,实际上有一些按钮。例如,如果单击按钮2,则需要选择名称2。我该怎么做呢。

我已经找到了按钮的处理程序,当我单击按钮时,会显示单击的警报

            $("#mTable").on("click", ".buttons",
            function () {
                alert("clicked");
            })
关于如何更改函数以便在按下同一行中的按钮时选择相应名称的任何想法

这应该保存与之交互的元素。 由于希望获取同一行上的元素,因此可以使用“最近”来获取行本身,并在其中找到相应的子级

像这样的方法应该会奏效:

$document.readyfunction{ $mTable.onclick、.按钮、函数{ var$tr=$this.最近的'tr', $el=$tr.find'.name span',//或任何选择器 name=$el.text; //您还可以将其缩短为: //var name=$this.closest'tr'.find'.name span'.text; alertname+点击; }; }; 名字1 地址1 按钮1 名称2 地址2 按钮2 名字3 地址3 按钮3 这应该包含与之交互的元素。 由于希望获取同一行上的元素,因此可以使用“最近”来获取行本身,并在其中找到相应的子级

像这样的方法应该会奏效:

$document.readyfunction{ $mTable.onclick、.按钮、函数{ var$tr=$this.最近的'tr', $el=$tr.find'.name span',//或任何选择器 name=$el.text; //您还可以将其缩短为: //var name=$this.closest'tr'.find'.name span'.text; alertname+点击; }; }; 名字1 地址1 按钮1 名称2 地址2 按钮2 名字3 地址3 按钮3
您是否可以控制输出的HTML?如果是这样,则可以为“名称”列中的每个表单元格指定一个类。如果这样做,您可以使用jQuery查找包含已单击按钮的表行tr,从那里您可以在内部查找具有class.name的单元格(作为示例)并返回值

HTML
您是否可以控制输出的HTML?如果是这样,则可以为“名称”列中的每个表单元格指定一个类。如果这样做,您可以使用jQuery查找包含已单击按钮的表行tr,从那里您可以在内部查找具有class.name的单元格(作为示例)并返回值

HTML 请包含您的代码片段,以便我们可以重现您的问题/情况,而无需首先创建我们认为是或可能是的内容。这有助于我们更准确地回答问题,并帮助您获得更好的答案。请包含您的代码片段,以便我们可以重现您的问题/情况,而无需首先创建我们认为是或可能是的内容。这有助于我们更准确地回答问题,并帮助您获得更好的答案。
<table id="mTable">
  <tr>
    <td><span class="name">Name 1</span></td>
    <td><span class="address">Address 1</span></td>
    <td><button class="buttons">Button 1</button></td>
  </tr>
  <tr>
    <td><span class="name">Name 2</span></td>
    <td><span class="address">Address 2</span></td>
    <td><button class="buttons">Button 2</button></td>
  </tr>
  <tr>
    <td><span class="name">Name 3</span></td>
    <td><span class="address">Address 3</span></td>
    <td><button class="buttons">Button 3</button></td>
  </tr>
</table>
$("#mTable").on("click", ".buttons", function () {
    alert($(this).closest('tr').find('.name').text());
});