我有一个从数据库填充的html表。 我有一列有这2个“按钮”
<a onclick="modifica()" href="#" title="modifica"><i class="fa fa-edit"></i></a>
<a onclick="delete()" href="#" title="elimina"><i class="fa fa-trash"></i></a>
P.S:fa fa-edit
和fa fa-thresh
来自Font Awesome。
无论如何,当我单击其中之一时,我需要该函数从表中检索数据并读取列ID,但是经过一些测试,我没有得到想要的结果。 有人可以帮助我吗?
谢谢。
答案 0 :(得分:0)
有很多可能性。但是,如果我正确理解了您的问题,则可以在您的行中打印ID或直接在每行的函数中打印ID。
<a onclick="modifica(<?php echo $row['id']; ?>)" href="#" title="modifica"><i class="fa fa-edit"></i></a>
类似这样的事情。或者,您可以使用data-id="<?php echo $row['id']; ?>"
将数据值添加到行中。然后使用javascript,以便获取下一个父数据值。这样便有了ID,就可以使用它了。
数据属性:
https://www.w3schools.com/tags/att_global_data.asp
jQuery数据:
所以我希望我能正确理解您的问题。
答案 1 :(得分:0)
您将必须修改生成HTML的任何代码,以在调用的函数中包含所需的ID,例如:
onclick="modifica(2056)"
-2056是modifica
函数需要工作的任何ID
of为可点击的元素添加ID:
<a onclick="modifica()" href="#" title="modifica" id="2056"><i class="fa fa-edit"></i></a>
并让modifica
使用javascript
来读取调用元素的ID。
delete
函数也是如此。
答案 2 :(得分:0)
2种方式:
1.-如建议的那样,如果您有机会将行ID作为按钮的属性分配,则可以使用onclick
方法将该属性传递给JS函数。
2.-如果无法将行ID分配给按钮,则可以向JS函数添加一些jQuery选择器以检索值:
<a onclick="modifica(this)" href="#" title="modifica"><i class="fa fa-edit"></i></a>
并在您的JS文件中:
function modifica(button){
var id = $(button).parent().parent().attr("id");
//Do Something Else with ID
}
第一个父母是<td>
,第二个父母是<tr>
。