使用jQuery在回发上设置img src

时间:2016-10-10 17:54:25

标签: javascript jquery html asp.net image

我有一个ASP.NET转发器元素,我用作可点击的菜单。我使用jQuery设置img src来指示当前选择的项目。我有一个可行的解决方案,但我想知道是否有更优雅的方式来使用jQuery ...我的解决方案感觉就像一个解决方法。

我的HTML:

<div class="c_menuDiv">
    <img src="images/check_white.jpg" id="img_check" class="cd_checkImage" width="20px" >
    <asp:Label ID="lblIssuedTo" runat="server" Text='<%#Bind("IssuedTo")%>'>
    </asp:Label>
</div>

我的jQuery,文档就绪:

$('.c_menuDiv').each(function() {
    issuedToBox = $('#txt_issuedTo').val();          <<== FROM A TEXTBOX
    issuedToMenu = $(this).children("span").html();
    if (issuedToBox == issuedToMenu ){
         $(this).find('img:first').attr('src','images/check_selected.jpg');
         }
     })

我的问题是,是否有一种更优雅的方式来使用jQuery并避免使用js IF语句?我之所以这么说只是因为我想提高我的jQuery技能。

感谢您的任何建议。

1 个答案:

答案 0 :(得分:1)

没有jQuery你可以做同样的事情。除非你有其他理由使用它......

<div class="c_menuDiv">
    <asp:Image ID="Image1" runat="server" ImageUrl="/images/check_white.jpg" />
</div>

然后在PostBack上只需更改ImageUrl

Image1.ImageUrl = "/images/check_selected.jpg";