jquery - jQuery针对父级中的第一个div
问题描述
我正在尝试将 .show-name 类添加到 .date-parent 的每个父块中的 .field-diary-name 的第一个实例,如下例所示:
在我的 jQuery 中,我尝试过这个
$(document).ready(function(){
$( ".date-parent .diarycontainer" ).first().find( ".film-diary-name"
).addClass( "showname" );
});
这只会将该类添加到父 .date-parent 的第一个实例中的第一个类,并且不会查看第二个块。
<div class="date-parent">
<h3 class="cinema-h3">Tue 19 Feb 2019</h3>
<div class="diarycontainer">
<div class="film-diary-name show-name">Movie 1 (15)<span class="cert-15">
</span>
</div>
<span class="film-diary-times"><a href="#">7.40pm</a></span>
</div>
<div class="diarycontainer">
<div class="film-diary-name">Movie 1 (15)<span class="cert-15"></span></div>
<span class="film-diary-times"><a href="#">8.40pm</a></span>
</div>
</div>
<div class="date-parent">
<h3 class="cinema-h3">Tue 19 Feb 2019</h3>
<div class="diarycontainer">
<div class="film-diary-name show-name">Movie 2 (15)<span class="cert-15">
</span>
</div>
<span class="film-diary-times"><a href="#">8.40pm</a></span>
</div>
<div class="diarycontainer">
<div class="film-diary-name">Movie 2 (15)<span class="cert-15"></span> </div>
<span class="film-diary-times"><a href="#">8.40pm</a></span>
</div>
</div>
解决方案
$( ".date-parent .diarycontainer" )
选择.diarycontainer
作为元素后代的所有.date-parent
元素。.first()
然后只取该列表中的第一个。这永远不会超过一个元素。
而不是first()
(函数),我相信你想要的是:first
(选择器)。
$(".date-parent .diarycontainer:first .film-diary-name").addClass("showname");
推荐阅读
- c# - 奇怪的异常:附加类型为“X”的实体失败,因为同一类型的另一个实体已经具有相同的主键值
- regex - macOS 上的 Bash:如何用另一个字符串替换文件中的路径?
- java - 如何确保在 Spring Security 安全资源服务器中只接受来自自己应用程序的 JWT 令牌
- html - 用 .ts 中的数据填充表格
- php - 使用 um_activity(终极会员活动)搜索 post_meta 帖子并显示所有匹配的 post_meta 结果
- linux - 为什么 docker0 桥在带有 flannel 的 kubernetes 集群中显示出来?
- python - 如何降低条件数据帧遍历的时间复杂度?
- python - 如何将顺序值放入 sequence_mask?
- c - 使用基本结构从 void* 中提取值
- tensorflow - 在珊瑚开发板中使用 cpp tflite API