jquery 我试图隐藏显示div与按钮[关闭]

6rqinv9w  于 2023-04-29  发布在  jQuery
关注(0)|答案(1)|浏览(143)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
4天前关闭。
Improve this question
我没有试图解释,我有jspaddle的部分代码。我将结束了至少8个按钮,并希望缩短(循环)的show()功能任何其他代码提示将不胜感激。
JS fiddle

<div class="row transition text-left" id="slider"> 
<div class="classWithPad col-3 des" id="des1">aaa</div>
<div class="classWithPad col-3 des" id="des2">bbb</div>
<div class="classWithPad col-3 des" id="des3">ccc</div>
yrdbyhpb

yrdbyhpb1#

这里可以用class属性组合。我们基于类创建事件,并为当前元素选择父元素,该元素仅包含该特定元素。
所以我们可以对当前元素中的元素进行任何操作。

尝试下面的片段
$(function () {
    $('.close').on('click', function () {
        $(this).parent('.myCustomElm').find('.danceforme').hide();
    });
    $('.open').on('click', function () {
        $(this).parent('.myCustomElm').find('.danceforme').show();
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="myCustomElm">
    <button class="close">Stop Dancing</button>
    <button class="open">Dance for me</button>
    <div class="danceforme">I am dancing 1</div>
</div>
<div class="myCustomElm">
    <button class="close">Stop Dancing</button>
    <button class="open">Dance for me</button>
    <div class="danceforme">I am dancing 2 </div>
</div>
<div class="myCustomElm">
    <button class="close">Stop Dancing</button>
    <button class="open">Dance for me</button>
    <div class="danceforme">I am dancing 2 </div>
</div>

相关问题