代码之家  ›  专栏  ›  技术社区  ›  shin

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

  •  0
  • shin  · 技术社区  · 15 年前

    下面的HTML是从CMS输出的。(是的,是上个世纪的)

    如果有的话,在产品目录外只有一个图像。

    ...
    ...
    <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">
    ...
    

    我试过$(“#系统img:最后一个“),当#系统外没有图像时,它将选择#系统中的最后一个图像。

    我想我也需要使用if语句。

    3 回复  |  直到 15 年前
        1
  •  0
  •   Edgar    15 年前

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

    $('.td-main img').length > 0;
    
        2
  •  1
  •   Twoquestions    15 年前

    你可以用

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

    选择与#系统相同级别的图像。

        3
  •  0
  •   Andreas    15 年前

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

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