Question

我有一个表，在该表中我从数据库中获取数据。

我的表格如下：

data row 1 | data row 1 | data row 1 | data row 1 | data row 1 | BUTTON1 |
data row 2 | data row 2 | data row 2 | data row 2 | data row 2 | BUTTON2 |

现在，当我从任何一行点击按钮时，我想抓取相应行的数据。

以下是我动态分配ID的代码。

echo "<tr id = ".$srno.">     
     <td style='width:25px'> <input id = 'checkbx' type = 'checkbox' name =".$row['item_id']."></input> </td>".    
    "<td> ". $srno ." </td> <td>".$row['item_name']."</td>".       
    "<td> ". $row['item_category']."</td>".      
    "<td style='width:50px'><input class = 'image_button mImg'   id = ".$srno." type = 'image' title = 'Modify' src = 'images/modify.png' onClick = 'modifyItem()' name = ".$srno."></input></td>".        
    "</tr>";

有人可以帮助我实现这个目标吗？

Answer 1

$(".image_button").click(function() {
    alert($(this).parent().parent().attr("id"));
}

Answer 2

或

$(".image_button").click(function() {
    var tr = $(this).closest('tr');
    var cell2 = tr.find('td').eq(2).text();
}

Answer 3

您可以在＆lt; tr＆gt;中添加一个类：

<tr class="row-of-data">

然后为每个按钮添加一个点击处理程序：

$(".myButton").click(function(){
   var rowOfData = $(this).closest(".row-of-data");
   // now do something with the row, like rowOfData.text()
 });

nearest（）将找到沿DOM树向上移动，找到与选择器匹配的父/祖先。 find（）也会这样做，但会搜索子/后代。

你更有可能在每个s上放一个类并提取每一个，或者你最终再次解析数据！所以你可能最终得到

<td class="name">Hal Incandenza</td>

HTML中的

，由jQuery位找到

$(this).closest(".row-of-data").find(".name").text()

在html中，如何在单击该行中存在的按钮时获取行数据？

3 个答案: