Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 查找父div并添加类_Jquery - Fatal编程技术网

Jquery 查找父div并添加类

Jquery 查找父div并添加类,jquery,Jquery,在这里寻找帮助,获取为我工作的.parent()和.find()。。。根据下面的代码块,我在页面上有一系列div。我想要的是,当用户翻滚.linkerBtn一个href时,我会向顶级父级三列Div添加一个新类,名为newsFeedItemHovered-请帮助 <div class="threeCol"> <div class="threeColInner"> <div class="feedItemWrapper newsFeedItem noBott

在这里寻找帮助,获取为我工作的
.parent()
.find()
。。。根据下面的代码块,我在页面上有一系列div。我想要的是,当用户翻滚
.linkerBtn
一个
href
时,我会向顶级父级
三列
Div添加一个新类,名为
newsFeedItemHovered
-请帮助

<div class="threeCol">
  <div class="threeColInner">
    <div class="feedItemWrapper newsFeedItem noBottom">
      <h3>
        <a title="News article 3" href="news-and-events/latest-news/news-article-3.html">News article 3</a>
      </h3>
      <p class="ItemStamp">03/09/2015</p>
      <p>News post summary text... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod euismod euismod. Quisque cursus quam sem, ac fermentum quam molestie in.</p>
      <p class="noBottom">
        <a class="linkerBtn inline small" title="Read more about News article 3" href="news-and-events/latest-news/news-article-3.html">Read more</a>
      </p>
    </div>
  </div>
</div>

2015年9月3日

新闻发布摘要文本。。。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数euismod euismod euismod。这是一个非常好的例子

$(“a.linkerBtn”).hover(函数(){
//将鼠标悬停在锚点上时添加类
$(this).closest(“.threeCol”).addClass(“newsFeedItemHovered”);
},函数(){
//当我们搬走的时候,就把班搬走
$(this).closest(“.threeCol”).removeClass(“newsFeedItemHovered”);
});
.NewsfeedItem悬停{
背景颜色:浅灰色;
}

2015年9月3日

新闻发布摘要文本。。。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数euismod euismod euismod。这是一个非常好的例子

2015年9月3日

新闻发布摘要文本。。。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数euismod euismod euismod。这是一个非常好的例子


因此,在鼠标悬停事件上执行类似以下操作:$(this).closest('div').addClass('classname')<代码>$(this).parents('.threeCol').addClass('..')也可以工作。