Question

我希望能够将鼠标悬停在<div>上并使用JavaScript获取信息（例如id）并将其存储在变量中。

实现这一目标的最有效方法是什么？

Answer 1

$('#yourDivId').hover(function(){
  var value = $(this).html();
});

Answer 2

这可以为你做到：

$('div').mouseover(function(){
   var content = $(this).html();
   var id = $(this).attr('id');
   alert('the element\'s ID is: '+id+'and content is: '+content);
});

Answer 3

你可以试试这个：

var currentDivID;
var currentDivValue;
$(document).ready(function(){

$('div').mouseover(function(){
  currentDivID = this.id
  currentDivValue = $(this).html();
});

});

Answer 4

除了div没有值之外，你可以存储它的文本或参数或其他内容。

var someVar = '';
$(document).ready(function(){
    $('div').mouseover(function(){
        someVar = $('div').html();
        someVar = $('div').attr('id');
        someVar = $('div').attr('class');
        someVar = $('div').find('input').val();
    }
});

Answer 5

$("div").bind("mouseenter",function(){

var divHTML = $(this).html();

});

这里是小提琴http://jsfiddle.net/fveRk/

Answer 6

这是一个简单的例子：

<div id="test">Hello world!</div>

$('#test').mouseover(function(){
    var test = $(this);
    console.log(test);
});

http://jsfiddle.net/4uLzf/

Answer 7

将鼠标悬停事件附加到div。

使用jquery：

$('#theDiv').mouseover(function() {
    var value = $(this).html();
    //store value
});

Answer 8

jQuery有一种检测悬停的好方法：http://api.jquery.com/hover/

当你说“获得价值”时，你是在谈论获得div的内容吗？在这种情况下，html（）jQuery方法就可以了。

http://api.jquery.com/html/

将鼠标悬停在div上时获取div信息

8 个答案: