![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
关于jQuery通过this获取this里的class??
2个回答
展开全部
根据你提供的 onmouseover="foodMouseOver(this)" 判断你在 Javascript 中应该有这样一个函数
function foodMouseOver(ele) {...}
注意这个函数如果写在 jQuery 外面,那么在函数内你就无法使用 $ (jQuery)。
如果写在 jQuery 里面,你需要写成 window.foodMouseOver = function(ele) {...};
完整代码:
$(function() {
// 这里的参数 ele 就是传过来的 this
window.foodMouseOver = function(ele) {
// 变量 foodinfo 就是你要获取的 div.foodInfo
var foodinfo = $(ele).find(".foodInfo");
// 显示 foodInfo
foodinfo.show();
};
});
--------------------------------
给你一点建议,尽量分离 HTML,CSS,和 Javascript。也就是尽量***避免***使用
----- 内联样式:<div style="width: 200px;">
----- 内联脚本:<a onclick="doSomething();">
你的例子中可以把 onmouseover="foodMouseOver(this)" 去掉,在 jQuery 中直接写为
$(".food").on("mouseover", function() {
$(this).find(".foodInfo").show();
});
function foodMouseOver(ele) {...}
注意这个函数如果写在 jQuery 外面,那么在函数内你就无法使用 $ (jQuery)。
如果写在 jQuery 里面,你需要写成 window.foodMouseOver = function(ele) {...};
完整代码:
$(function() {
// 这里的参数 ele 就是传过来的 this
window.foodMouseOver = function(ele) {
// 变量 foodinfo 就是你要获取的 div.foodInfo
var foodinfo = $(ele).find(".foodInfo");
// 显示 foodInfo
foodinfo.show();
};
});
--------------------------------
给你一点建议,尽量分离 HTML,CSS,和 Javascript。也就是尽量***避免***使用
----- 内联样式:<div style="width: 200px;">
----- 内联脚本:<a onclick="doSomething();">
你的例子中可以把 onmouseover="foodMouseOver(this)" 去掉,在 jQuery 中直接写为
$(".food").on("mouseover", function() {
$(this).find(".foodInfo").show();
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询