我在 Wordpress 中使用此脚本,因此使用 $=jQuery。
这目前将 .current 类添加到所有 .col-xs-4.col-sm-4.feature_thumb div。
如何将其更改为仅将类添加到其父级的 div 中?
jQuery(document).ready(function(){
jQuery(".feature_thumb a").click(function(){
jQuery(".col-xs-4.col-sm-4.feature_thumb").addClass("current");
});
});
有人可以帮我解决这个问题吗?
这是我的html
<div class="col-xs-4 col-sm-4 feature_thumb">
<a class="feature_thumb" id="feature_thumb1" onclick="return false;"
href="image1.jpg"><p>Image 1</p></a>
</div>
<div class="col-xs-4 col-sm-4 feature_thumb">
<a class="feature_thumb" id="feature_thumb12" onclick="return false;"
href="image2.jpg"><p>Image 2</p></a>
</div>
谢谢
最佳答案
您可以使用 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");
});
});
关于javascript - 单击时如何将类添加到其父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30786658/