gpt4 book ai didi

javascript - 如何使用 jquery 选择具有特定 'alt' 属性的图像

转载 作者:数据小太阳 更新时间:2023-10-29 04:53:56 25 4
gpt4 key购买 nike

我的页面中有以下 html。

<div id="bb-bookblock" class="bb-bookblock bb-vertical" style="height: 578.24885475px">
<div class="bb-item" style="display: none;">
<a href="#">
<img src="photorepository/admin/a-123/14/31 copy_200comp.jpg" alt="31 copy_200comp.jpg" style="height:100%">
</a>
</div>
<div class="bb-item" style="display: none;">
<a href="#"><img src="photorepository/admin/a-123/14/32 copy_200comp.jpg" alt="32 copy_200comp.jpg" style="height:100%"></a>
</div>
<div class="bb-item" style="display: none;">
<a href="#"><img src="photorepository/admin/a-123/14/4 copy_200comp.jpg" alt="4 copy_200comp.jpg" style="height:100%"></a>
</div>
<div class="bb-item" style="display: none;">
<a href="#"><img src="photorepository/admin/a-123/14/5 copy_200comp.jpg" alt="5 copy_200comp.jpg" style="height:100%"></a>
</div>
</div>

我需要打开 style="display: block;" 具有 bb-item 类的 div 具有特定 alt 的图像>。例如,如果 alt'5 copy_200comp.jpg',那么该特定图像的父 div 将变成这样:

<div class="bb-item" style="display: block;"> <a href="#"><img src="photorepository/admin/a-123/14/5 copy_200comp.jpg" alt="5 copy_200comp.jpg" style="height:100%"></a></div>

我尝试了 var src = $('img[alt="example"]') 和类似的构造,但它们不起作用。

最佳答案

你可以使用 :has()选择器如下。

$('.bb-item:has(img[alt="5 copy_200comp.jpg"])').show();

选择器 .bb-item:has(img[alt="5 copy_200comp.jpg"]) 将选择具有图像类 bb-item 的元素在其中使用指定的 alt 属性值。

Demo

关于javascript - 如何使用 jquery 选择具有特定 'alt' 属性的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37982726/

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