悬停时如何显示id div

Question

I have sevral div,when I hover on one of them I want to show the id on the div

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

Thanks. my 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 code:

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

Answer 1

You are confusing function and assignment, you can't assign something to a function call.

You got several errors in your code:

$(div).hover(function(){

What is div ? a variable or? If you mean to select div s in your html you need to do:

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

The [id^=div] part is to select div s with id starting with div

so now your code looks like

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

You need to modify the innerHTML of #display_id_div , so you use

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

If you notice, there are two ways of using .html() , as a setter and getter. It acts here as a setter, given an argument. If called without an argument, it's a getter

Final code:

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

Answer 2

demo http://jsfiddle.net/jJRJT/4/ or http://jsfiddle.net/jJRJT/5/

code

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

or

to put it in 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

just write this line of code you need to make use of .html() function jquery

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

you final code will be

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