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中看到的那样，图片中有特定的位置。如何将此图片中的网址复制到href的{{1}}属性？

我尝试了jQuery的div.slider-text > a方法，但无法使其正常工作。

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。

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

3 个答案: