1

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

我的表如下所示：

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>";

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

4

3 回答 3

1 
$(".image_button").click(function() {
    alert($(this).parent().parent().attr("id"));
}
于 2013-01-07T14:40:39.797 回答
1

或者

$(".image_button").click(function() {
    var tr = $(this).closest('tr');
    var cell2 = tr.find('td').eq(2).text();
}
于 2013-01-07T14:42:46.190 回答
1

您可以在 <tr> 中添加一个类：

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

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

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

最近的() 将查找 DOM 树，找到匹配选择器的父/祖先。find() 会做同样的事情，但会搜索孩子/后代。

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

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

在 HTML 中，由 jQuery 位找到

$(this).closest(".row-of-data").find(".name").text()
于 2013-01-07T15:00:51.933 回答