2010-09-30 54 views
0

我很喜欢2小时的jQuery新手。jQuery Image点击帮助

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

实施例:

<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到脚本....

谢谢

+0

你可以添加一个class =标签到每个所需的图像?这也可以用来轻松识别哪些img标签连线。 – Tahbaza 2010-09-30 11:44:59

+0

是的,我可以添加一个类标签。 – CAKyleX 2010-09-30 11:52:52

回答

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> 
+0

工作正常!谢谢!我尝试了你的代码,但它不起作用,我再次检查并看到你做了一个小的编辑。这解决了它。感谢您的帮助! :) – CAKyleX 2010-09-30 11:59:32

+0

很高兴我能够帮助你.... :) – Alpesh 2010-09-30 12:01:51

1

您选用错误的做法。如果你想删除记录服务器端,你必须首先通过一些服务器端逻辑(PHP,Java,Ruby ...等)进行创建,而不使用客户端(jQuery)。 如果需要,第二步可以是javascript(jQuery调用这个服务器端逻辑)通过AJAX。 因此,编写一些服务器端脚本以删除数据库中的具体记录,然后将您的delete.jpg图像转换为链接或表单,以便在参数中使用记录标识调用该脚本。

+0

是的,我使用PHP/MySQL/jQuery。那不是我的代码。我是jQuery的新手。我试图将我的ajax代码转换为jQuery。 – CAKyleX 2010-09-30 11:52:19