Question

我只想检查锚中的图像是否等于特定网址。这是html我有

<div class="gallery_images" id="2">
                            <a href="" data-toggle="modal" data-target="#myModal1" tabindex="0">
                                <img class="img-fluid" src="http://v9contest.geojidesign.com/wp-content/uploads/contest_entries/thumbnail-^739D24706DC178C938623C638DDBFF0BC04ADF35338114AF68^pimgpsh_thumbnail_win_distr.jpg">
                            </a>
                        </div>

所以当页面加载时，我想假设检查锚点中的链接图像是否等于http://google.com。这是我试过的

if(jQuery('a').has('img.img-fluid').attr('src')=='http://google.com'){ alert('ok'); }

Answer 1

您可以使用直接后代选择器>。以下是工作示例：

if (jQuery('a > img.img-fluid').attr('src') == 'http://google.com') {
  alert('ok');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gallery_images" id="2">
  <a href="" data-toggle="modal" data-target="#myModal1" tabindex="0">
    <img class="img-fluid" src="http://google.com">
  </a>
</div>

请记住，如果有许多这样的元素，选择器可能会返回多个元素。在这种情况下，您需要循环并检查。

Answer 2

谢谢，它已经恢复了。我用了

jQuery('a > img.img-fluid').each(function(){
            if(jQuery(this).attr('src')=='http://google.com'){ alert('ok'); }
            });

jquery检查锚中的图像是否等于特定的URL

2 个答案: