gpt4 book ai didi

javascript - jQuery:只选择被点击的元素

转载 作者:行者123 更新时间:2023-11-29 23:25:40 26 4
gpt4 key购买 nike

<分区>

我正在尝试在我的学校项目中创建功能性Show more。这就是我的网页的样子。

<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

这是我在 Jquery 中所做的,

$('.showMore').click(function(e){
e.preventDefault();
$('.dataShow').show();
});

问题是,当我点击 show more 时,它会显示网页上的所有数据(所有 div),而不仅仅是点击的数据。

我们该怎么做?谢谢 :) 此问题已通过目前给出的答案解决,但请阅读已编辑的问题。

Edit:

我们如何才能在特定的 dataShow div 之前定位一个 div 并且在其他 dataShow div 之前不影响其他 div,像这样,

<div class="newData">Data ...</div>
<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

<div class="newData">Data ...</div>
<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

<div class="newData">Data ...</div>
<div class="dataShow" style="display: none">Data ...</div>
<a href="#" class="showMore">read more</a>

我们如何专门针对第一个 div newData 并隐藏它?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com