懸停時如何顯示id div

Question

我有sevral div，當我將鼠標懸停在其中一個上時，我想在div上顯示id

<div id="display_id_div" >hover me</div>

謝謝。 我的HTML

<div id="display_id_div" >hover me</div>
<div id="div1" >hover me</div>
<div id="div2" >hover me</div>
<div id="div3" >hover me</div>

。 jQuery代碼：

$(div).hover(function(){
    $("#display_id_div") =  $(this.id);
})​

Answer 1

您會混淆函數和賦值，無法將某些賦值給函數調用。

您的代碼中有幾個錯誤：

$(div).hover(function(){

什么是div ？ 變量還是？ 如果要在html中選擇div ，則需要執行以下操作：

$('div[id^=div]')

[id^=div]部分是選擇以div開頭的id的div

所以現在你的代碼看起來像

$('div[id^=div]').hover(function() {
   $("#display_id_div") =  $(this.id);
});

您需要修改#display_id_div的innerHTML ，因此您可以使用

$('#display_id_div').html(this.id);

如果您注意到了，有兩種方法可以使用.html()作為設置器和獲取器。 在給定參數的情況下，它在這里充當設置者。 如果不帶參數調用，那是一個吸氣劑

最終代碼：

$('div[id^=div]').hover(function() {
    $('#display_id_div').html(this.id);
});

Answer 2

演示 http://jsfiddle.net/jJRJT/4/或http://jsfiddle.net/jJRJT/5/

碼

$("div").hover(function(){
      alert(this.id);
})​;

要么

放在html中

$("#display_id_div").html(this.id);

Answer 3

$('div').hover(function(){ // attach hover callback to all divs.
    $('#display_id_div').html(this.id); // change display_id_div innerHTML value
                                        // to the hovered id.
})​;

Answer 4

只需編寫此行代碼，您就需要使用.html()函數jquery

$("#display_id_div").html( $(this).attr('id'));

您的最終代碼將是

 $("div").hover(function()
  { 
    $("#display_id_div").html(  $(this).attr('id'));
  });​