配列のテキストをjQueryで変更する

Question

私の学校のウェブサイトには、現在ホームページに登録しているコースのドロップダウンリストがあります。しかし、あなたがそれを見ると、多くの人々が見たくないかもしれない手紙がいっぱいです。

私はすでにこれをどうやって行うのか知っています。私は、各リスト項目を選択するにはjQueryのを使用するつもりです：

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link"); 

これは、テキスト形式で<a>要素の配列を返します。

私が「ブー！」それらのすべてのテキストを設定することができますが、私が使用して、個別に各1を変更したいlinks.text("Boo!");を使用するための/ループ内の各<a>を通じてitterate、どのような値に応じてテキストを変更するにはのhrefのです。

しかし、これを行うたびに、配列内の項目は文字列なので、jQueryでは何もできません。

これですべてのヘルプは高く評価され:)

をここに私のコードは、（$.getScript()からJSブックマークレットから実行している）、これまでです：

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link"); 
//links.text("Boo!"); 

var count = 1; 
for (var link in links) { 
    link.text("Boo #" + count); 
    count += 1; 
} 

関連するマークアップ：あなたが使用することができますhttp://hastebin.com/ulijefiqaz.scala

Answer 1

jQuery .eachイテレーター機能

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link"); 

var count = 1; 

links.each(function() { 
    $(this).text("Boo #" + count++); 
});