Если заявление проверить исходное изображение

Question

Мне интересно, как сделать оператор If в сценарии jquery, который проверяет, является ли исходный файл изображения определенным, и если да, выполнить код в операторе If.Я хочу, чтобы If Statement выполнял свой код, только если source =

<%= Page.ResolveUrl("~/{0}/_res/_images/icon_noticeActive.png", PBS.Cms.Settings.PBSFolderName) %>". Here's my html code and jquery script below.

$("img#importantImg").click(function () { 
             if ($("#headerAlertMessage").is("<%= Page.ResolveUrl("~/{0}/_res/_images/icon_noticeActive.png", PBS.Cms.Settings.PBSFolderName) %>")
                $("#headerAlertMessage").show();                                                    
                $("#importantImg").attr("src", "<%=Page.ResolveUrl("~/{0}/_res/_images/icon_noticeActive.png", PBS.Cms.Settings.PBSFolderName) %>");                                            
});

Вот мой HTML-код, на который ссылается этот скрипт выше:

<li class="levelOne" ><a class="button notice buttonEight" href="#">
        <asp:image id="importantImg" runat="server" ClientIDMode="Static" /></a></li>


</ul>

<asp:PlaceHolder ID="contentPlaceholder1" runat="server" EnableViewState="false" />
</div>


<div id="headerAlertMessage" runat="server" ClientIDMode="Static" style="display:none">
<div id = "divLayer1" class="alertPod">
    <img src="<%= Page.ResolveUrl("~/{0}/_res/_images/icon_alertMessage.png", PBS.Cms.Settings.PBSFolderName) %>" />

</div>

<div id = "divLayer2" class="msgPod">
    <div id="divLayer3" class="messageWrapper">
        <h6>IMPORTANT ANNOUNCEMENT</h6>
        <div id="divLayer4" class="box" >    
            <div id = "divLayer5" class="viewport" style="overflow:   auto; height: 48px;" runat="server">
                <p>
                <asp:Literal ID="ltimportantannouncementTitle" runat="server"></asp:Literal> 
                <br />
                <asp:Literal ID="ltimportantannouncementSummary" runat="server">  </asp:Literal>
                </p>
            </div>
        </div>
    </div>
    <a href="#" ><img id="alertCloseBtn" ClientIDMode="Static" src="<%=     Page.ResolveUrl("~/{0}/_res/_images/button_alertMsgClose.png",  PBS.Cms.Settings.PBSFolderName) %>" /></a>   

</div>
</div>

Answer 1

$('img[src="your_source_goes_here.jpg"]').each(function (index, value) {
    //run your code here
});

Это позволит найти все изображения с определенным источником, выполнить итерацию по ним, что позволит вам делать все, что вы захотите, внутри функции .each().Обратите внимание, что value - это переменная, которая содержит ссылку на изображение в функции .each().

Вот jsfiddle выбора изображений по их источнику: http://jsfiddle.net/jasper/u5xWP/