2013-02-14 53 views
0

內複製鏈接屬性動態元素我仍然主義學習jQuery和我被困試圖讓每一個動態生成的鏈接相同的URL事業部中的前一個靜態鏈接的。代碼似乎應用相同的URL(#1)所有生成的鏈接,當第二個Div我需要它#2。JQuery。一個div

CODE:

$(document).ready(function() { 
$('.sorter > div p').append('<a class="rdm">Read More</a>'); 
$('a.rdm').each(function() { 
    var lnk = $('.sorter > div').find('a').attr('href'); 
    $(this).attr('href', '' + lnk); 
}); 
}); 

HTML:

<div class="sorter"> 
<div><a href="#1">link A</a><p>some text </p></div><br /><br /> 
<div><a href="#2">link B</a><p>some text </p></div> 
</div> 

非常感謝您的幫助!

回答

-1

哦,我認爲你需要這一個:http://jsfiddle.net/GSgz5/

var lnk = $(this).parent().siblings('a').attr('href'); //<--get href this way 
$(this).attr('href', lnk); 
+0

感謝,但沒有改變尚未 – 2013-02-14 17:00:39

+0

你通過撥弄鏈接不見了。 – Jai 2013-02-14 17:01:21

+0

居然給了我一個未定義的#1目標 – 2013-02-14 17:06:59

0

試試這個。當你做each我使用索引錨的產生是href

$(document).ready(function() { 
    $('.sorter > div p').append('<a class="rdm">Read More</a>'); 
    $('a.rdm').each(function(i) { 
     $(this).attr('href', '#' + (i + 1)); 
    }); 
}); 
+0

謝謝,但現在這兩個環節的目標#2 – 2013-02-14 17:00:05

+0

謝謝!太棒了 – 2013-02-14 17:26:02

2

使用範圍的選擇可以幫助你處理每一個獨立覈實。這裏有一個工作解決方案的jsfiddle:http://jsfiddle.net/tuAUb/

$(document).ready(function() { 
    $('.sorter > div').each(function() { 
     $('p', this).append('<a class="rdm">Read More</a>'); 
     var lnk = $(this).find('a').attr('href'); 
     $('a.rdm', this).attr('href', lnk); 
    }); 
}); 
+0

乾淨的解決方案帕特里克!非常感謝 – 2013-02-14 17:19:27

+0

很酷,是否解決了你的問題? – 2013-02-14 17:21:36

+0

舒爾它做到了! :)我仍然需要很長的時間才能完全掌握JQ的工作方式,並且像這樣的幫助是非常寶貴的。你可以在這裏看到它http://columbusecuador.com/elt/ – 2013-02-14 17:39:25