如何将URL从图像的src属性复制到jQuery中的href属性？

Question

这是我的HTML代码

<div class="anythingWindow">
    <ul class="anythingSlider">
      <li class="panel activePage">
        <div class="content clearfix" style="width: 100%; height: 100%;">
          <a href="http://www.example.com/a.jpg" class="focusedLink">
            <img src= "http://www.example.com/a.jpg"/>
          </a>
          <div class="slider-text">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit
            <a title="" href="#">Read More</a>
          </div>
        </div>
      </li>

      <li class="panel activePage">
        <div class="content clearfix" style="width: 100%; height: 100%;">
          <a href="http://www.example.com/a.jpg" class="focusedLink">
            <img src= "http://www.example.com/a.jpg"/>
          </a>
          <div class="slider-text">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit
            <a title="" href="#">Read More</a>
          </div>
        </div>
      </li>
    </ul>
 </div>

如您在div.content > a > img看到的，其中div.content > a > img具有特定位置的图像。 如何将URL从该图像复制到div.slider-text > a的href属性中？

我尝试了jQuery的each()方法，但无法正常工作。

Answer 1

我相信这就是您想要的：

$(".anythingSlider img").each(function(){
    var src = $(this).src();
    $(this).parent("a").next(".slider-text").children("a").attr("href", src);
});

Answer 2

尝试这样的事情；

$(document).ready(function() {

  $('.anythingSlider .panel').each(function() {
     var $this = $(this);

     // Get src attribute from img
     var url = $this.find('.content a img').first().attr('src');

     // Set href attribute on a
     $this.find('.content .slider-text a').first().attr('href', url);

  });

});

Answer 3

您的选择器不正确。 <a>元素是div.content的直接子元素，而不是<img>元素，然后<img>元素是<a>元素的直接子元素。 尝试改用div.content > a > img 。