在鼠标悬停时使用jQuery获取元素和ID，如果有的话。

11 浏览
0 Comments

在鼠标悬停时使用jQuery获取元素和ID，如果有的话。

我正在尝试为我的管理员提供鼠标悬停元素的提示，以便给他们提供编辑的线索，如果需要的话。这是我的代码：\n$(document).tooltip();\n$(document).on(\'mouseover\',\'*\',function(){\n $(this).attr(\'title\',$(this).prop(\'id\'));\n console.log($(this));\n}).on(\'mouseout\',function(){\n $(this).attr(\'title\',\'\');\n});\n对于具有id的元素，这个代码效果很好。我需要的是在鼠标悬停时获取html元素和id（如果有的话）的组合。

0

3 答案

0 Comments

问题的出现原因是在鼠标悬停时获取元素的ID和标签名称。如果ID未定义，则获取DOM元素的tagName属性。

解决方法是使用jQuery的attr()方法来获取元素的ID和标签名称，并将其添加到title属性中。

代码如下：

$(this).attr('title', this.id || this.tagName);

这段代码首先检查元素的ID是否已定义，如果已定义，则将其赋值给title属性。如果ID未定义，则将元素的tagName属性赋值给title属性。

使用这种方法，可以在鼠标悬停时获取元素的ID和标签名称，并将其显示在title属性中。这对于开发者来说非常有用，可以方便地查看和调试页面中的元素。

0
0 Comments

问题的出现原因是代码中使用了$(this)来获取元素的ID，但实际上可以使用this.id来获取元素的ID，这样可以简化代码。

解决方法是将$(this)改为this.id来获取元素的ID。

以下是修改后的代码：

$(document).on('mouseover','*',function(){
  $(this).attr('title',(this.id || some_other_things || yet_another_one));
  console.log($(this));
  console.log(this);
}).on('mouseout',function(){
  $(this).attr('title','');
});

以上就是这个问题的出现原因以及解决方法。

0
0 Comments

使用jQuery在鼠标悬停时获取元素和ID（如果有的话）的问题是因为用户想要在悬停在元素上时获取元素的ID和元素类型（标签名）。为了解决这个问题，可以使用以下代码：

$(document).on('mouseover','*',function(){
    var id = this.id;
    var elementType = $(this).prop('nodeName'); // 获取元素的标签名
    // 对id和elementType进行操作
}).on('mouseout',function(){
    $(this).attr('title','');
});

感谢大家的帮助，我现在知道其实还有其他帖子问了同样的问题。我应该删除我的帖子吗？

你不需要删除帖子。如果你接受了重复的问题，你的问题可以作为其他人寻找相同答案的指引。

0