2010-09-30 76 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