javascript - 如何将 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 中看到的，有具有特定位置的图像。如何将此图像中的 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);
});