将唯一选择器分配给使用PHP动态生成的未知数量的元素

时间:2013-03-06 14:29:38

标签: php jquery html ajax

我有一个从PHP加载表的页面,根据MySQL查询的结果可变行数。

表格中每一行的最后一个单元格都包含一个链接。当用户单击链接时,我希望该行中的数据通过Jquery和Ajax提交给另一个PHP脚本。

问题是因为表是动态生成的并且行数是可变的,所以我不知道如何为每个行分配选择器以便jQuery抓住它。我也不确定如何从每个表格单元格中获取值(尽管我已经使用隐藏输入找到了解决方法)。

如何为可点击链接本身和需要提交的值指定选择器,请记住表格中可能有无数行。

为了清楚起见,我发布了生成表的PHP代码和表本身的示例,但我正在寻找一个jQuery解决方案。

谢谢!

PHP

while ($line = $run_check->fetch_assoc()){

    if ($i%2 != 0){
    $rowclass = 'reqodd';
        }
        else {
        $rowclass = 'reqeven';
        }
        echo '<input type="hidden" value="' . $line['name'] . '" id="name' . $i . '" /><input type="hidden" value="' . $line['account'] . '" id="account' . $i . '"><input type="hidden" value="' . $line['module'] . '" id="module' . $i . '">;
        echo <tr class = "' . $rowclass . '"><td class="req">' . $line['name'] . '</td><td class="req">' . $line['account'] . '</td><td class="req">' . $line['module'] . '</td><td class="req"><a href="#" class="rel_link" id="rel_' . $i . '_link">Release</a></td></tr>';
        $i++;
          }

示例表(可点击链接位于“发布”列中)

|   Name     | Level | Unit | Release |
|Joe Bloggs  |   4   | 401  | release |
|John Smith  |   6   | 611  | release |
|Jane Bloggs |   4   | 403  | release |
|Jane Smith  |   5   | 502  | release |

1 个答案:

答案 0 :(得分:0)

如果要从数据库获取数据,那么该表应该已经有一个“ID”行。只需将其添加为链接上的数据属性,并在单击链接时使用this.getAttribute("data-id")(例如)获取它。