jQuery Image单击“帮助”

时间:2010-09-30 11:38:44

标签: javascript jquery

我喜欢jQuery 2小时。

我有一个列表,其中包含用户名和每个用户名旁边的图像。如果他们点击用户名将被删除的用户名旁边的图片。

示例:

<table>
<tr><td>MARK</td><td><img src=delete.jpg id=MARK></td></tr>
<tr><td>DAVE</td><td><img src=delete.jpg id=DAVE></td></tr>
</table>

这些用户名是从MySQL数据库中吐出的。如何让jQuery找出点击的图像?因为我无法将图像ID硬编码到脚本中....

谢谢

2 个答案:

答案 0 :(得分:1)

你选择了错误的做法。如果你想删除那个记录服务器端,你必须通过一些服务器端逻辑(PHP,Java,Ruby等)来实现,而不首先使用clientside(jQuery)。 如果你愿意,第二步可以通过AJAX javascript(jQuery调用这个服务器端逻辑)。 因此,编写一些服务器端脚本来删除数据库中的具体记录,然后将delete.jpg图像转换为链接或表单,以便在参数中调用带有记录ID的脚本。

答案 1 :(得分:0)

只需使用onclick功能 -

<table>
<tr><td>MARK</td><td><img src=delete.jpg id="mark" onclick="test(this)"></td></tr>
<tr><td>DAVE</td><td><img src=delete.jpg id="dave" onclick="test(this)"></td></tr>
</table>


<script type="text/javascript">
function test(obj){
$(obj).hide();
//In the same way you can perform any operation.
}
</script>

If you want to use id anyways then - 

<script type="text/javascript">
function test(obj){
var id = $(obj).attr('id');
//Now you can perform any operation using it's id.
}
</script>