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('..')代码>也可以工作。