Question

我有几个div，当我将鼠标悬停在其中一个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]部分是选择ID为div的{{1}}

现在您的代码看起来像

div

您需要修改$('div[id^=div]').hover(function() { $("#display_id_div") = $(this.id); });的{{1}}，以便使用

innerHTML

如果您注意到，有两种方法可以使用#display_id_div作为setter和getter。给定一个论点，它在这里作为一个设定者。如果没有参数调用，它就是一个getter

最终代码：

$('#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'));
  });

如何在悬停时显示id div

4 个答案: