2012-11-15 57 views
0

的onclick DIV ID我想採取一個div的ID,並用它來調用一個文件名,但我不知道該怎麼做。用於文件名

例如元素是

<p id="smith_janis" class="name">Janis Smith</p> 

等類似

$(".name").click(function() { 
    $(this).get the element's id and turn it into variale maybe? 

    $("#text").load(the name of the element +".txt"); or $("#text").load("smith_janis.txt"); 

}); 

我不完全知道如何做到這一點,有人可以幫我嗎?提前致謝。

回答

1

關閉,你可以使用這樣的事情:

$(".name").click(function() { 
    var id = $(this).attr('id'); 
    $("#text").load(id +".txt"); 
}); 
+0

所以如果你有幾個元素的名稱類會變量更新每次不同的被點擊? – loriensleafs

+0

是的,這是關於將事件處理程序附加到類的好東西。 – f0x

1

使用.attr()

$(".name").click(function() { 
    var id = $(this).attr('id') ; $(this) is a -- jQuery Object 
      **OR** 
    var id = this.id ; this is a -- DOM Object 
    $("#text").load(id + '.txt'); 

}); 
+0

我覺得愚蠢的問這個,但有什麼區別btw一個jQuery對象和DOM對象? – loriensleafs

+0

jQuery Object是一個使用jQuery Wrapper包裝的DOM元素 –

+0

O_O'$(this).attr('id')'不返回JQuery對象..... – f0x