Блог

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

 <%= 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>
  

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

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

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