关于jQuery通过this获取this里的class??

2025-04-04 17:02:58
推荐回答(2个)
回答1:

根据你提供的 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。也就是尽量***避免***使用
----- 内联样式:

回答2:

function foodMouseOver(obj){
    var foodName = $(obj).find(".foodInfo .foodName").text();
    var price = $(obj).find(".foodInfo .price").text();
    var product = $(obj).find(".foodInfo .product").text();
    //......
}