0

ファイル名の中から次のことを確認しようとしています。

images/PRODUCT/icon/

以下を含むページから:div.lookup-image-wrapper

両方に一致する場合は、含まれている画像にクラスを追加します。

images/PRODUCT/icon/

HTML:

<div class="lookup-image-wrapper" style="text-align: center">

    <div id="divProductPicZ23280" style="display:none"></div>

    <div class="divProductPic" id="divProductPic23280">
        <img alt="Camping" border="0" id="ProductPic23280" name="ProductPic23280" src="images/Product/medium/23280.jpg">
    </div>

        <img alt="Show Picture 1" border="0" onclick="setcolorpicidx_23280(1);" src="http://i47.tinypic.com/o7szev.jpg" style="cursor:hand;cursor:pointer;">

        <img alt="Show Picture 2" border="0" onclick="setcolorpicidx_23280(2);" src="http://i47.tinypic.com/o7szev.jpg" style="cursor:hand;cursor:pointer;">

        <img alt="Show Picture 3" border="0" onclick="setcolorpicidx_23280(3);" src="http://i47.tinypic.com/o7szev.jpg" style="cursor:hand;cursor:pointer;">

        <img alt="Show Picture 4" border="0" onclick="setcolorpicidx_23280(4);" src="skins/skin_1/images/nopictureicon.gif" style="cursor:hand;cursor:pointer;">

        <img alt="Show Picture 5" border="0" onclick="setcolorpicidx_23280(5);" src="images/PRODUCT/icon/23280_5_.jpg" style="cursor:hand;cursor:pointer;">

jquery:

$("img[src='images/PRODUCT/icon/']").addClass("selected highlight");

http://jsfiddle.net/tVvKL/

4

3 に答える 3

1

使用できます。wild card *これにより、srcを含むすべての画像が検索されます。images/PRODUCT/icon/

$("div.lookup-image-wrapper > img[src*=images/PRODUCT/icon/]").addClass("selected highlight");
于 2012-07-04T10:25:51.710 に答える
1

興味深い代替手段として、クラスを追加するだけなので、CSS でこれを行うことができます - http://jsfiddle.net/spacebeers/tVvKL/1/

例えば：

    img[src*='images/PRODUCT/icon/'] { 
        border: 2px solid red;
    } ​

    img[src^='images/PRODUCT/icon/'] { 
        border: 2px solid red;
    } ​

属性セレクターは、IE7 以降、Firefox 3.0 以降、Safari 1.3 以降、Chrome 2 以降、Opera 9.2 以降でサポートされています。

http://www.impressivewebs.com/attribute-selectors/

于 2012-07-04T10:31:46.590 に答える
0

試す

$("img[src*='images/PRODUCT/icon/']").addClass("selected highlight");

または

$("img[src^='images/PRODUCT/icon/']").addClass("selected highlight");

jQuery属性セレクターを確認してください。

于 2012-07-04T10:26:53.050 に答える