hrefをループして、各投稿の新しい要素のhrefに追加する方法

Question

現在のループは、クラス "copy-item-link"を持つすべてのHREFに保存されている最初のhref（r.e.、http://something.com/article-1）を追加するだけです。私は対応するリスト項目から一意のURLを複製し、 "コピーアイテムクラス"を含む各要素を追加したいと思います。ここまではjを実行する前に私が持っていたことがあります。

<ul> 
    <li class="item"> 
     <p class="item-link"> 
      <a href="http://something.com/article-1">Article 1</a> 
     </p> 
     <p></p> 
     <a class="copy-item-link">Read more</a> 
    </li> 
    <li class="item"> 
     <p class="item-link"> 
      <a href="http://something.com/article-2">Article 2</a> 
     </p> 
     <p></p> 
     <a class="copy-item-link">Read more</a> 
    </li> 
    <li class="item"> 
     <p class="item-link"> 
      <a href="http://something.com/article-3">Article 3</a> 
     </p> 
     <p></p> 
     <a class="copy-item-link">Read more</a> 
    </li> 
</ul> 

任意の提案に完全に公開されています。前もって感謝します。あなたが同様にすべての.copy-item-linkを更新し、その後、各反復ですべての.item-link aを参照している...以下

var $readMore = (".copy-item-link"); 
var $item = (".item"); 

$($item).each(function() { 
    var $itemLink = (".item-link a"); 

    $(this).each(function() { 
     var $addLink = $($itemLink).attr('href'); 
     $($readMore).attr('href', $addLink); 
    }); 

}); 

Answer 1

をいくつかの助けを使用することができます。

あなたは、現在の要素で検索する必要があります。

$('.item').each(function() { 
    var url = $(this).find(".item-link a").attr('href'); 
    $(this).find('.copy-item-link').attr('href',url); 
}); 

Answer 2

$('.item').each(function(){ 
    var item = $(this), 
     url = item.find('.item-link a').attr('href'); 

    item.find('.copy-item-link').attr('href', url); 
});