javascript - 提取src并在jquery的html链接中粘贴之前

我正在尝试提取img的src，然后将src粘贴到“ a href”中以环绕原始img

我有两个版本，已经搞砸了，两个版本都无法正常工作。我认为我的问题之一似乎是在元素之前或周围插入“ a href”。

<script type="text/javascript">
  var x = hdnImg.children('img').attr('src')

  $( "img" ).wrap(function() {
  return "<a href='" +x+ "' class="anyclass"></a>";
    });
</script>

要么

<script type="text/javascript">
  var p = hdnImg.children('img').attr('src')

  $( "img" ).before( "<a href='#' class="anyclass">" );
  $( "img" ).after( "</a>" );
</script>

最终，这是我要争取的：

脚本前的html：

    <img src="http://a.jpg">
    <img src="http://b.jpg">

脚本后的HTML

    <a hre="http://a.jpg" class="classy"><img src="http://a.jpg"></a>
    <a hre="http://b.jpg" class="classy"><img src="http://b.jpg"></a>

我仍在学习javascript，可以使用一些指导。谢谢

最佳答案

尝试使用

$( "img" ).each(function() {
    var x = $(this).attr('src');
    $(this).wrap( "<a href='" +x+ "' class='anyclass'></a>");
});

关于javascript - 提取src并在jquery的html链接中粘贴之前，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18856501/