我仍在努力掌握jQuery,并想知道是否有人对此有建议?
基本上,当单击时,我希望显示具有匹配类的div,因此如果您单击具有类“ .project1”的btn,则应显示具有相同类“ .project1”的内容div。
我只是困在如何找到它的地方,所以任何建议都将非常棒:)
提前致谢。
代码片段:
CodePen: https://codepen.io/nickelse/pen/mYrOdz?editors=1111
基本上,当单击时,我希望显示具有匹配类的div,因此如果您单击具有类“ .project1”的btn,则应显示具有相同类“ .project1”的内容div。
我只是困在如何找到它的地方,所以任何建议都将非常棒:)
提前致谢。
代码片段:
$('div[class*="project"]').click(function (e) {
$(this).closest('.content').show();
});
.content {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="project1 btn">BTN 1</div>
<div class="project2 btn">BTN 2</div>
<div class="project3 btn">BTN 3</div>
<div class="project4 btn">BTN 4</div>
<div class="project1 content">CONTENT 1</div>
<div class="project2 content">CONTENT 2</div>
<div class="project3 content">CONTENT 3</div>
<div class="project4 content">CONTENT 4</div>