我想在单击整行时将id
传递到下一页。
我本人尝试这样做,但未能这样做。
我的代码如下:
$( "#tablerow" ).click(function() {
var jobvalue=$("#jobid").val();
alert(jobvalue);
window.location.href = "jobsview.php?id=" + jobvalue;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
<tr id="tablerow">
<td><?=$srno?></td>
<td id="jobid"><?=$row['ID']?></td>
</tr>
</tbody>
</table>
答案 0 :(得分:5)
val()
方法适用于input
,select
等表单元素。
使用text()方法,
var jobvalue = $("#jobid").text();
更新
在整个文档中,HTML
只能有一个ID
。要启用多个元素的点击事件并将被点击的元素传递到另一页上,请将ID
属性更改为class
。
<table>
<tbody>
<tr class="tablerow" >
<td><?=$srno?></td>
<td class="jobid"><?=$row['ID']?></td>
</tr>
</tbody>
</table>
然后您可以按如下所示在JS
中单击一次,
$( ".tablerow" ).click(function() {
/** $(this) will refer to current tablerow clicked
* .find(".jobid") will find element with class `jobid`
* inside currently clicked tablerow
*/
var jobvalue = $(this).find(".jobid").text();
alert(jobvalue);
window.location.href = "jobsview.php?id=" + jobvalue;
});