javascript - 使用 jQuery 在回发时设置 img src

Question

我有一个 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 技能。

感谢您的建议。

Answer 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";