我想把这门课从我的课堂上删除
.hide
通过单击链接创建元素。需要影响的div只是父级中的一个
<div class="row">
.
这就是我尝试过的——注意,我不止一个街区是这样的。
$('a[data-action="show-more"]').click(function(e) {
e.preventDefault();
$(this).closest('.row').each('.hide').removeClass('hide');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
<div class="col-lg-12 mb-4">
<div class="col-lg-4 hide"></div>
<div class="col-lg-4 hide"></div>
<div class="col-lg-4 hide"></div>
</div>
<div class="col-lg-12 mb-4">
<a href="#" data-action="show-more">Remove hide class</a>
</div>
</div>