如何从div中的JavaScript Photobox动画中排除特定图像？

我正在使用photobox以一种漂亮的图库样式显示div中的所有图像。但是，我想在div中包含一个我不想在图库中包含的图像，一个PDF图标，onlick将下载一个PDF文件。当点击这个图标出现在图库中时，我想知道如何排除div的一部分

这是我的密码

 <div id="gallery">
           <td width="226" align="right"><table width="206" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="199" align="center"><a href="images/GrndFloor_dimension.jpg" target="_blank"><img src="images/GrndFloor_dimension_th.jpg" alt="Ground Floor" width="182" height="182" border="0"/></a></td>
      </tr>
      <tr>
        <td height="64" align="center" background="images/thumbs-text-holder.jpg" class="planscopy" style="background-repeat:no-repeat"><table width="151" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="104"><span class="planscopy" style="background-repeat:no-repeat">Ground Floor - Dimensions</span></td>
           <td width="47" align="right"><a href="docs/Ground Floor Plan - Dimensions.pdf" target="_blank"><img src="images/pdf.png" width="48" height="51"/></a></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
      </div>

      <script type="text/javascript">
     $('#gallery').photobox('a', { thumbs: true }, imageLoaded);
    function imageLoaded() {
        console.log('image has been loaded...');
    }

底层-尺寸
$（'#gallery'）.photobox（'a'，{thumbs:true}，imageLoaded）；
函数imageLoaded（）{
log（'图像已加载…'）；
}

我希望pdf.png图像不会出现在图库中，只是作为指向文档的链接。是否有可能在div中排除div id

任何帮助都将不胜感激

$("#gallery").photobox("a:not(:has([src$='pdf.png']))', { thumbs: true }, imageLoaded);

将正常工作。（选择器演示：）

---

请注意，如果将类

pdf

添加到

a

并使用

$("#gallery").photobox("a:not(.pdf)', { thumbs: true }, imageLoaded);

我做了一个性能测试：

尝试给a-Element（PDF）一个类似于“exclude”的类，然后尝试以下JS代码：

<td width="47" align="right"><a class="exclude" href="docs/Ground Floor Plan - Dimensions.pdf" target="_blank"><img src="images/pdf.png" width="48" height="51"/></a></td>

<script type="text/javascript">
    $('#gallery').photobox('a:not(.exclude)', { thumbs: true }, imageLoaded);
        function imageLoaded() {
        console.log('image has been loaded...');
    }
</script>

$（“#gallery”）.photobox（'a:not（.exclude），{thumbs:true}，imageLoaded）；
函数imageLoaded（）{
log（'图像已加载…'）；
}

非常感谢，我将排除项添加到，而不是添加到。最快的答案@user3810179我让我的答案更全面了。请核对一下，并考虑接受。谢谢谢谢，起初我没有看到演示和测试，非常感谢！！