如何在单击时将类添加到其父div

Question

我在Wordpress中使用这个脚本，因此$ = jQuery。

这会将.current类添加到所有.col-xs-4.col-sm-4.feature_thumb div中。

如何将此更改为仅将类添加到其父级？

C

有人可以帮我吗？

这是我的HTML

jQuery(document).ready(function(){

jQuery(".feature_thumb a").click(function(){

    jQuery(".col-xs-4.col-sm-4.feature_thumb").addClass("current");

});

});

谢谢

Answer 1

您可以使用event.target获取对所点击内容的引用，然后找到与您的选择器匹配的最近DOM节点，如下所示：

jQuery(document).ready(function() {

  jQuery(".feature_thumb a").click(function(event) {
    jQuery(event.target).closest(".col-xs-4.col-sm-4.feature_thumb").addClass("current");
  });

});

您可能需要从所有其他节点中删除current类，但您可能需要这样：

jQuery(document).ready(function() {

  jQuery(".feature_thumb a").click(function(event) {
    jQuery(".col-xs-4.col-sm-4.feature_thumb.current").removeClass("current");
    jQuery(event.target).closest(".col-xs-4.col-sm-4.feature_thumb").addClass("current");
  });

});