如何從圖像的src屬性中將URL複製到jQuery中的href屬性？

這是我的HTML代碼如何從圖像的src屬性中將URL複製到jQuery中的href屬性？

<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.slider-text > a的href屬性？

我試過jQuery的each()方法，但無法讓它工作。

來源

2012-01-17 Mifas

'div.content> img> a'指向無。你的意思是'div.content> a> img'吧？ –

你的問題是什麼？ – jrummell

這個問題缺少[示例代碼]（http://sscce.org/），它顯示了你已經嘗試過的內容，以及它實際做了什麼的描述（而不是你想要做什麼）。 – outis

嘗試是這樣的;

$(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); 

    }); 

});

來源

2012-01-17 13:33:22 Stefan

您的選擇器不正確。 <a>元素是div.content的直接子元素，而不是<img>元素，然後<img>元素是<a>元素的直接子元素。請嘗試使用div.content > a > img。

來源

2012-01-17 13:29:42

我相信這是你想要什麼：

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

來源

2012-01-17 13:30:28 gavinblair

如何從圖像的src屬性中將URL複製到jQuery中的href屬性？

回答

相關問題