Question

从CMS输出以下HTML。（是的，它来自上个世纪）

#product_cont之外可能有图像或没有图像。以下代码包含图像。

如果有，那么#product_cont外只会有一个图像。

现在我想在#product_cont之外选择图像（如果存在）。

...
...
<div id="system">       
    <FORM ACTION="command.asp" METHOD="get" NAME="artForm">
    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
     <TR>
      <TD VALIGN="top">
        <H1>Lian Li PC-B25FB, Miditower, Sort</H1>
<div id="product_cont">
<p><img border="0" alt="" src="http://www.website.com/10157_00.jpg" /> 
<img border="0" alt="" src="http://www.website.com/10157_01.jpg" /> 
<img border="0" alt="" src="http://www.website.com/10157_02.jpg" /> 
<img border="0" alt="" src="http://www.website.com/10157_03.jpg" />
<!-- Maybe more images here --></p>

Testing testing
</div><!-- End of #system -->
      </TD>
      <TD>
    &nbsp;&nbsp;&nbsp;&nbsp;
      </TD>

<TD VALIGN="top" CLASS="td-main">

<P ALIGN="center">
<IMG SRC="images/articles/10031%5F1%2Ejpg" BORDER="0" ALT="Lian Li PC-B25FB, Miditower, Sort">
<!-- in some pages there won't be any images here -->
</P>

<BR>
<TD VALIGN="top" CLASS="td-main">
...
...
<TD VALIGN="top" CLASS="td-main">
...

我尝试了$（“＃system img：last”），当#system外没有图像时，它会选择#system中的最后一张图像。

我假设我也需要使用if语句。

有人能告诉我如何使用jquery吗？

Answer 1

您可以使用

$('#system').siblings('img');

将选择与#system相同级别的图像。

这是你需要的吗？

Answer 2

我假设你正在寻找这个元素：

<IMG SRC="images/articles/10031%5F1%2Ejpg" BORDER="0" ALT="Lian Li PC-B25FB, Miditower, Sort">

你可以用

检查它的存在

$('.td-main img').length > 0;

Answer 3

如果您要查找的图片始终是从“images / articles /”引用的，那么以下选择器可能会这样做

$("#product_cont").closest("tr").find("img[src^='images\\/articles\\/'")

如果有带jquery的图像，如何选择div之外的图像

3 个答案: