Question

我一直试图在图片周围包裹一个链接。我搜索过并发现jQuery中的wrap()会帮助我。当我尝试它时，似乎没有任何效果。有什么我做错了吗？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="http://a1.mzstatic.com/us/r30/Music3/v4/fb/af/59/fbaf5908-0839-abc6-9f6a-bc7cc5b84f27/cover170x170.jpeg" class="YTimgs">

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript' />
<script>
  $('.YTimgs').wrap('<a href="http://www.chordzone.org"></a>');
</script>

Answer 1

你的代码似乎没问题，因为它适用于这个小提琴http://jsfiddle.net/pqqyoakm/ 可能是在图像加载后javascript正在执行try：

$(document).ready(function(){
    $(".YTimgs").wrap("<a href='http://www.chordzone.org'></a>'")
})

Answer 2

问题是你缺少加载jQuery的脚本的结束标记，因此它之后的脚本标记将被吞并并被忽略。

脚本标记不能自动关闭，因此第二个脚本标记最终成为第一个脚本标记的一部分，并且由于脚本标记中存在src属性，标记内的内容将被忽略。

在脚本标记中添加结束标记：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

如何正确包装图像链接？

2 个答案: