Question

如何自动将href添加到具有相同src和自定义title属性的图片到div上的每个图片？

我需要转换自定义div上的每张图片，如：

<div id="galery">
  <img src="images/img.jpg">
</div>

到

<div id="galery">
  <a href="images/img.jpg"><img src="images/img.jpg" title="a title"></a>
  <p>title</p>
</div>

Answer 1

您可以使用wrap()功能在图片后添加标题，并使用$("#galery img").each(function() { this.title = "a title"; $(this).after("<p>title</p>"); $(this).wrap('<a href="' + this.src + '"></a>'); });功能以超链接包围图片：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="galery">
  <img src="http://placehold.it/30x30" />
  <img src="http://placehold.it/40x40" />
  <img src="http://placehold.it/50x50" />
</div>

dvi_customer_info.php

Answer 2

你可以用这个：

var $img = jQuery("#galery img");
var $anchor = jQuery("<a title='a title'>").attr("href", $img.attr("src"));

$img.wrap($anchor).parent().after("<p>title</p>");

或者处理您可以使用的多个图像：

jQuery("#galery img").each(function() {
    var $img = $(this);
    var $anchor = jQuery("<a title='a title'>").attr("href", $img.attr("src"));
    $img.wrap($anchor).parent().after("<p>title</p>");
});

如何使用相同的src在图像上自动添加href？

2 个答案: