Question

而不是最接近我使用parent（）但它仍然无法工作。我想从a.coupon-code-link遍历到.type-coupon。

这是演示

http://jsfiddle.net/Lzchh15y/2/

Answer 1

你的小提琴有以下问题。

在jQuery 1.7＆amp;中添加了

1） .on你在小提琴中使用1.6.4。如果您想使用1.6.4，请使用.live。

2）您必须使用.parents()代替.parent()。

3）您应该使用e.preventDefault();，否则首先尝试使用href链接。

$(document).on('click', '.coupon_type-coupon-code a.coupon-code-link', function(e) {
   e.preventDefault();
   $(this).parents('.type-coupon').css({
        'background': '#000'
   }); 
});

DEMO

Answer 2

您必须使用.parents()而不是.parent()来遍历。你可能想要使用更新版本的jQuery。 1.6.4不支持.on()。它是在1.7 .on中添加的。如果您不想或不能使用较新版本，可以使用.live()。

所以......使用更新版本的jQuery，它将是：

$(document).on('click', '.coupon_type-coupon-code a.coupon-code-link', function (e) {
    $(this).parents('.type-coupon').css({
        'background': '#000'
    });
    e.preventDefault();
});

Fiddle

使用您使用的jQuery版本：

$('.coupon_type-coupon-code a.coupon-code-link').live('click', function (e) {
    $(this).parents('.type-coupon').css({
        'background': '#000'
    });
    e.preventDefault();
});

Fiddle

向上找，直到遇到匹配的班级

2 个答案: