2011-11-14 33 views
-3

我想知道如何讓這樣的事情:的jQuery + HTML的GET

例如:

<a href="#" id="123">Link</a>

當我點擊它,我想id=123與jQuery或類似的東西。

,然後添加這個id=123另一個DIV:

像這樣

<div class='info'>id=123</div>

你能幫助我嗎?

+5

你自己試過什麼嗎?像一個JavaScript或甚至jQuery教程? – JMax

回答

5

您可以訂閱所有錨點的.click()事件(或通過使用CSS類選擇器將其縮小),並在此事件內部獲取被單擊的錨點的ID並使用它設置目標div的html :

$(function() { 
    $('a').click(function() { 
     // this will contain the id of the anchor that was clicked 
     var id = this.id; 
     $('.info').html('id=' + id); 
    }); 
}); 
+2

和:.html('id ='+ id);爲實際的字符串「id = 123」。 – orolo

+0

和:return false; – Oyeme

+0

@Oyeme,OP的鏈接有'href =「#」'所以返回false並不是絕對必要的。 –

0

事情是這樣的:

$('#123').click(function(){ 
    $('div.info').html('id=' + this.id); 
    return false; 
}); 

但是請記住是 「123」 是無效的DOM ID。它應該以「a123」這樣的字母開頭。

+0

這是一個工作示例:http://jsfiddle.net/BfwRs/ – Paulpro