2016-03-16 63 views
1

我創造了新的網站和它,我想,當我點擊一個DIV jQuery的告訴我DIV ID和我的用戶命令,我可以給DIV ID警報DIV ID當點擊DIV

var name = $(this).attr("id"); 

當我想給div的孩子,我用這個命令

var name = $(this).children(".select").attr("name"); 

現在我有3個div的這樣 enter image description here

,當我點擊DIV 3 jQuery的給我使用本C DIV2 ommand

var name = $(this).children(".select").attr("name"); 

如何在單擊它時獲取div的ID?

例如點擊DIV 1告訴我DIV 1或當我點擊DIV 2顯示了我2區 ,當我點擊DIV 3顯示我的div 3

感謝

+1

顯示你的html和javascript。 –

回答

2

你的第一個代碼是正確的,你不需要找children ...

$("div").click(function(){ 
    var name = $(this).attr("id"); 
    console.log(name); 
}); 

如果你有多個事件的麻煩,你可以停止傳播的click事件與.stopPropagation()像這樣:

$("div").click(function(e){ 
    var name = $(this).attr("id"); 
    console.log(name); 
    e.stopPropagation(); 
}); 

見例如:https://jsfiddle.net/tg4rmkk9/

0

你已經解決了這個問題的主要部分:

var name = $(this).attr("id");

這將讓你的div ID。

要提醒它,那麼你可以做alert(name);

0

這裏是什麼,我想你會爲一個演示:

$('[id^=div]').on('click', function() { 
 
    alert($(this).attr('id')); 
 
});
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 
 
<div id="div1"> 
 
    Click me 
 
</div> 
 
<div id="div2"> 
 
    Click me too 
 
</div> 
 
<div id="div3"> 
 
    Click me three 
 
</div>

(見this Fiddle