如何在jQuery中将img标签添加到锚标签

Question

我正在尝试将图像添加到jquery的锚标记中，但是图像似乎已损坏。

我尝试过/测试过的内容：

• 图像的路径正确

• 做一个测试，并将其添加到html中，图像显示出来。

  <div><img src="~/ClientData/10000/Styles/images/menu.png"/></div> // //一个test.image在html中有效

我正在尝试将其添加到以下内容

 $('#navbar-collapse-menu li:eq(0)').after('<li  style="background: linear-gradient(to bottom,#fcd18b 0,#faa61d 100%)"><a id="Menu" href="http://test.aspx"><img src="~/ClientData/10000/Styles/images/menu.png"/>Menu</a></li>'); // the image gets broken in here.

我可以将图像添加到上述代码中吗？

Answer 1

您只能将块级元素放在具有HTML5的锚点元素内，而浏览器支持仍然有些困难。 IE7显然不支持此功能。

您可以参考以下代码，并将其根据需要放入上面的jquery代码中。 但是请确保您的jquery代码没有错误。

<div>                      
   <a title="X" href="http://google.com" target="_blank">
      <img src="Images/X.png"/> 
   </a>  
</div>

在此处检查w3shcool示例。