Jquery 如何从无序列表中提取图像？_Jquery

Jquery 如何从无序列表中提取图像？

jquery

Jquery 如何从无序列表中提取图像？,jquery,Jquery,我是asp.net新手，使用jQuery。使用母版页源，无法从无序列表中设置不同的图像保险商实验室：羡慕自己的青年公司细节网站：艳羡青春|版权与复制——2013 src=“../../Images/event.jpg”应更改为 src=“../Images/targetImage”尝试使用对象文档的就绪处理程序。{没有标记} $(document).ready(function () { $('#navMenu').click(function

我是asp.net新手，使用jQuery。使用母版页源，无法从无序列表中设置不同的图像

保险商实验室：
















羡慕自己的青年公司细节

网站：


艳羡青春|版权与复制——2013

src=“../../Images/event.jpg”应更改为

src=“../Images/targetImage”

尝试使用对象文档的就绪处理程序。{没有标记

}

$(document).ready(function () {
    $('#navMenu').click(function (event) {
        var targetImage = "~/Images/" + event.target.id + ".jpg";
        var hyperLink = document.getElementById("#<%= imgMain.ClientID %>");
        $(hyperLink).find("img").attr('src', targetImage);
   });
});

$（文档）.ready（函数（）{
$（“#导航菜单”）。单击（函数（事件）{
var targetImage=“~/Images/”+event.target.id+”.jpg”；
var hyperLink=document.getElementById（“#”）；
$（超链接）.find（“img”）.attr（'src'，targetImage）；
});
});

发布呈现的html代码，而不是服务器端代码。通过编辑你的问题来发布，你没有包含图片的超链接，这就是我要做的！问题是$（hyperLink）.find（“img”）表示您正在尝试在链接标记内选择图像。您的链接标签中没有图像。那么，你想做什么？如果我不知道你想做什么，我就不能告诉你怎么做？！有一个导航菜单，该菜单具有超链接ID，该ID引用“图像”文件夹中的图像。单击导航菜单时，应在中的ImageUrl=“~/Images/event.jpg”中替换图像（超链接ID）

<asp:Image ID="imageMain" runat="server" ImageUrl="~/Images/event.jpg" 
            Height="187px" Width="718px" />

$("document").ready(function () {
$('#navMenu').click(function (event) {
    var targetImage = "~/Images/" + event.target.id + ".jpg";
    var hyperLink = document.getElementById("#<%= imgMain.ClientID %>");
    $(hyperLink).find("img").attr('src', targetImage);
   });

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
    Envy One's Youth
</title>

    <script src="JQuery/jquery-1.10.1.js" type="text/javascript"></script>
    <script src="JQuery/JQuery.js" type="text/javascript"></script>





    </head>
<body>
    <form method="post" action="Website.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjgPZBYCZg9kFgICAw9kFgQCAg8PFgIeBFRleHQFKURhdGU6IDxzdHJvbmc+TW9uZGF5IDMgSnVuZSAyMDEzPC9TdHJvbmc+ZGQCNA8PFgIfAAUFMjAxMy5kZGT7ywXuhnBeBemRTRYVMXg3ae81R4WYIL6fg0J8yubNOg==" />
</div>

    <div id="main">


        <div id="dateTime">
            <span id="dateLabel">Date: <strong>Monday 3 June 2013</Strong></span><br />
            <span id="timeLabel"></span>
        </div>
        <div id="navMenu">
            <ul>
                <li><a id="Home" href="../../Home.aspx">Home</a></li>
                <li><a id="About" href="../About.aspx">About</a></li>
                <li><a id="Services">Services</a>
                    <ul>
                        <li><a id="Website" href="Website.aspx">Website</a></li>
                        <li><a id="Photography" href="Photography.aspx">Photography</a></li>
                        <li><a id="MusicVideos" href="MusicVideos.aspx">Music Videos</a></li>
                        <li><a id="Marketing" href="Marketing.aspx">Marketing</a></li>
                        <li><a id="Events" href="Events.aspx">Events</a></li>
                    </ul>
                </li>
                <li><a id="WhatsOn" href="../WhatsOn.aspx">What's On?</a></li>
                <li><a id="Tshirt" href="../TShirt.aspx">T-Shirt</a></li>
                <li><a id="Contact" href="../Contact.aspx">Contact</a></li>
            </ul>
        </div>

        <div id="companyDetials">
            <p>Envy One's Youth Company details <br /></p>


        </div>

        <div id="mainContent">
           <img id="imgMain" src="../../Images/event.jpg" style="height:187px;width:718px;" />

            <!-- Display of the content from navigation menu -->






            <!-- Services of the website  -->

<h1>Website:</h1><br />













            <!-- End of services of the website  -->









        </div>

        <hr />
        <div id="footer">
            <div id ="socialMedia">

            </div>
            Envy One's Youth | Copyright &copy; - <span id="LabelYear">2013.</span>
        </div>
    </div>
    </form>
 </body>
</html>

$(document).ready(function () {
    $('#navMenu').click(function (event) {
        var targetImage = "~/Images/" + event.target.id + ".jpg";
        var hyperLink = document.getElementById("#<%= imgMain.ClientID %>");
        $(hyperLink).find("img").attr('src', targetImage);
   });
});