jquery - 如何存储被悬停对象的ID

Question

我有这段代码：

$('.div').mouseover(function() {
   alert(this.id);
});

这让我得到了我悬停的对象的 ID，但我想将它存储在一个变量中。我不知道该怎么做；我知道这可能过于简单，但有人可以帮忙吗？谢谢！

Answer 1

您可以在事件之外声明一个变量，以便之后访问它。如果您在处理程序中声明它，mouseover您将无法在处理程序之外访问它。

var somevar = '';

$('.div').mouseover(function() {
   somevar = this.id;
});

Answer 2

var id;
$('.div').mouseover(function() {
   id =  this.id;
});

Answer 3

您可以使用常规 var 但另外 JQuery 具有数据功能，可让您在 JQuery 对象中存储任意数据。

$('.div').mouseover(function() {
   $(this).data('objid', this.id);
});

要访问数据：

$(this).data('objid');

更多信息请访问：http ://api.jquery.com/data/

Answer 4

您将声明一个全局变量，或通过命名空间属性，然后访问它。

带有脚本标记的示例（您也可以将其放在 js 文件的顶部

<script type="text/javascript">
    var globalId;

    $('.div').mouseover(function() {
        globalId = this.id;
    });
</script>

这是最简单的方法。