从html表中检索数据

时间:2018-08-08 20:30:40

标签: javascript html

我有一个从数据库填充的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-editfa fa-thresh来自Font Awesome。

无论如何,当我单击其中之一时,我需要该函数从表中检索数据并读取列ID,但是经过一些测试,我没有得到想要的结果。 有人可以帮助我吗?

谢谢。

3 个答案:

答案 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数据:

https://api.jquery.com/data/

所以我希望我能正确理解您的问题。

答案 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>