hrefの束をjqueryに置き換えます。コードの改良が必要

Question

私は3つのaタグのhrefをjqueryで変更しようとしています。 現時点では、私は通常のjavascriptでそれを行います。

var catNav = $('ul.nav'), 
newLink = ['new1/','new2','nwe3/']; 

catNav.attr('id','node'); 
var node =document.getElementById('node'); 
for(var i=0; i<3; i++){ 
node.childNodes[i].firstChild.href=newLink[i]; 
} 

私はあなたから何を望んでいますか？ちょうど私にこれを行う方法を教えてください

for(var i=0; i<3; i++){ 
    node.childNodes[i].firstChild.href=newLink[i]; 
} 

jqueryで。

HERESに例 http://jsfiddle.net/HFj2D/1/

Answer 1

たくさん私の

THXは、これは全体のことを行う必要があります。

var newLink = ['new1/','new2','nwe3/']; 

$("ul.nav").attr('id', 'node').find('a').each(function(index, el) { 
    this.href = newLink[index]; 
}); 

を理想的には、すでにとにかく<ul>タグのIDを持っている必要がありますしかし、。

ここ

for(var i=0; i<3; i++){ 
    $(node, ':nth-child(' + i + ')').children().first().attr('href', newLink[i]); 
} 

Answer 2

単純なJavaScript、つまり最初の3つのリストエントリと最初のa要素。

$('ul.nav a').attr('href', /*...*/); 

DEMO

Answer 3

あなたが行く：http://jsfiddle.net/HFj2D/2/

$.each($("#node").find("a"), function(i, link){ 
    $(link).attr("a", newLink[i]); 
}); 

Answer 4

ちょうどattr^[docs]を使用します。

$('ul.nav > li').slice(0,3).children('a:first-child').attr('href', function(i) { 
    return newLink[i]; 
}); 

私も要素にあなたがやったのと同じ方法を選択しようとしただろう

Answer 5

$(node).find('li a').each(function() { $(this).attr('href', 'newlink'); });

Answer 6

この：あなたはあなたのメニューでaの要素を持っているとして、あなたの配列は、できるだけ多くの新しいリンクが含まれている場合、その後、あなたが選択を簡略化することができ、言っ

catNavノード（既にノードを持っている）の下にあるすべてのリンクを見つけ、それぞれに新しいhrefを割り当てます。

catNav.find('a').each(function(index) { $(this).attr('href', newLink[index]); })