Javascript 悬停时如何显示id div

我有sevral div，当我在其中一个上悬停时，我想在div上显示id

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

演示或

代码

或

把它放在html中

---

$display\u id\u div.htmlthis.id

只需编写使用.html函数jquery所需的这行代码即可

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

您的最终代码将是

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

---

您混淆了函数和赋值，无法为函数调用赋值

您的代码中有几个错误：

$div.hover函数{

什么是div？一个变量还是？如果要在html中选择div，需要执行以下操作：

$'div[id^=div]'

[id^=div]部分是选择id以div开头的div

现在你的代码看起来像

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

您需要修改display\u id\u div的innerHTML，因此使用

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

如果您注意到，有两种使用.html的方法，一种是setter，另一种是getter。在给定参数的情况下，它在这里充当setter。如果在没有参数的情况下调用，它就是getter

最终代码：

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

---

不是我，但我猜这是你用的，如果警报。OP要求在div中显示id。人们只能假设这是因为你的答案提醒了id，但问题是如何将id放入另一个div。使用html函数，因为他想在div中显示不警报的东西…@All lol希望现在没有人生气；我们可以吗移动-1please@PranayRana谢谢更新的人！今天每个人看起来都很短：在重读之后，你把一个jQuery对象存储在innerHTML中…？我说的是：$display\u id\u div.html$this.id；行，你把一个jQuery对象指定为innerHTML。我不知道你为什么觉得它有帮助，请否决我的问题…但祝你好运ttitude.！不，$this.id将给你未定义的答案。但你可以保留它，并否决其他有效答案。现在请将$this.attr'id'更改为=>this.id+1。给你，有笔记本电脑但没有想法的人：+需要一些避寒药这里有人正在进行否决投票！接受我的+1。无论如何，这是一个比我的更好的答案。@gdoron和16秒ds前，有人否决了我的另一个答案…：S，有人在否决我的答案：

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

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

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

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