使用append悬停在jQuery输出电流元素上
使用append悬停在jQuery输出电流元素上
提问于 2014-06-04 18:56:08
我想输出我悬停在上面的元素。我不想输出里面的html。
例如..如果我悬停在
<i class="fa fa-wrench"><span>TEST</span></i>我将能够输出类似这样的内容
<i class="fa fa-wrench">我的尝试
我可以成功地将元素输出到console.log中，但是当我使用append这样做时，我得到的输出是Object object。
示例代码
var currentNode = null;
$('body').mousemove(function(event) {
if ($(event.target) !== currentNode) {
currentNode = $(event.target);
console.log(currentNode);
}
});输出示例(来自console.log)：
[i.fa.fa-wrench, context: i.fa.fa-wrench, jquery: "1.11.0", constructor: function, selector: "", toArray: function…]我的追加代码：
$('.specific-div).append('<div>ID:' + currentNode + '</div>');输出示例(附加到.specific-div)：object Object
回答 5
Stack Overflow用户
发布于 2014-06-04 18:58:54
http://jsfiddle.net/fSb23/
var currentNode = null;
$('body').mousemove(function (event) {
if ($(event.target) !== currentNode) {
currentNode = $(event.target).attr("id");
console.log(currentNode);
$('.specific-div').append(' < div > ID: ' + currentNode + ' < /div>');
}
});如果您想要获得HTML，而不仅仅是ID，那么尝试一下：
currentNode = $(event.target).html();Stack Overflow用户
发布于 2014-06-04 19:04:51
试一试
var currentNode = null;
$('body').mousemove(function(event) {
if ($(event.target) != currentNode) {
currentNode = $(event.target);
htmlText = $('<div>').append($(currentNode).clone().empty()).html();
console.log(htmlText);
}
});JSfiddle
Stack Overflow用户
发布于 2014-06-04 19:08:44
假设所有元素的类都是唯一的，获取您悬停在其上的元素的类：
var handle = document.querySelectorAll('.class-of-hovered-element')[0].outerHTML;
console.log(handle);如果这有帮助，请告诉我。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24035565
复制相关文章
相似问题
腾讯云开发者
