时间戳

首页 > 解决方案 > 使用 jQuery 查找 HTML 元素 IMG（如果存在）？

javascript - 使用 jQuery 查找 HTML 元素 IMG（如果存在）？

问题描述

目前我有一个类的 div"content"

现在该 div 内部包含多个图像，或者我应该说<img src="...." alt="....">

现在我想隐藏<img>它是否存在content

不使用class或id

这是我的示例场景

 <div class="content">
      <img src="...." alt="....">
      <p>Hello World!</p>
      <img src="...." alt="....">
      <img src="...." alt="....">
      <img src="...." alt="....">
      <ul>
         <li>
               Sample
         </li>
         <li>
               Sample
         </li>
      </ul>
 </div>

更新

隐藏图像而不使用class或id按特定img

标签： javascripthtmljquery

解决方案

content如果可以使用该类，请尝试：

$('.content img').hide();

演示

$('.content img').hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">
      <img src="...." alt="....">
      <p>Hello World!</p>
      <img src="...." alt="....">
      <img src="...." alt="....">
      <img src="...." alt="....">
      <ul>
         <li>
               Sample
         </li>
         <li>
               Sample
         </li>
      </ul>
 </div>

如果我们不能使用任何类或 id，那么使用：

$('p:contains(Hello World!)').siblings('img').hide();

演示

$('p:contains(Hello World!)').siblings('img').hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">
      <img src="...." alt="....">
      <p>Hello World!</p>
      <img src="...." alt="....">
      <img src="...." alt="....">
      <img src="...." alt="....">
      <ul>
         <li>
               Sample
         </li>
         <li>
               Sample
         </li>
      </ul>
 </div>

您也可以通过img使用以下onerror方法来定位：

<img src="...." alt="...." onError="this.onerror=null;this.style.display='none'" />


<div class="content">
      <img src="...." alt="...." onError="this.onerror=null;this.style.display='none'" />
      <img src="...." alt="....">
      <p>Hello World!</p>
      <img src="...." alt="....">
      <img src="...." alt="....">
      <ul>
         <li>
               Sample
         </li>
         <li>
               Sample
         </li>
      </ul>
 </div>

推荐阅读