jqueryのは、私は以下のように複数のULのリストを持っているループ

Question

各機能：

<ul> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
</ul> 

<ul> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
</ul> 

<ul> 
    <li><a href="#page/"></a></li> 
    <li><a href="#page/"></a></li> 
</ul> 

は、私は、Liの合計数をカウントし、スパン内の合計数に1から番号を追加してのhrefタグを更新したいですa：

<ul> 
    <li><a href="#page/1"><span>1</span></a></li> 
    <li><a href="#page/2"><span>2</span></a></li> 
    <li><a href="#page/3"><span>3</span></a></li> 
    <li><a href="#page/4"><span>4</span></a></li> 
    <li><a href="#page/5"><span>5</span></a></li> 
</ul> 

<ul> 
    <li><a href="#page/6"><span>6</span></a></li> 
    <li><a href="#page/7"><span>7</span></a></li> 
    <li><a href="#page/8"><span>8</span></a></li> 
</ul> 

<ul> 
    <li><a href="#page/9"><span>9</span></a></li> 
    <li><a href="#page/10"><span>10</span></a></li> 
</ul> 

jqueryでこれを実現するにはどうすればよいですか？

Answer 1

これはそれを行う必要があります。我々上記のコードで

$('li').each(function (i) { 
    i++; 
    var link = $(this).find('a'); 
    link.attr('href', link.attr('href') + i); 
    link.append('<span>' + i + '</span>'); 
}); 

を：jQueryの.each()機能

インクリメントを使用して、ページ上の各リストアイテムの上

• 反復iの値が1で0の代わりに1から数えることができます
• 現在のリストアイテム内のリンク要素への参照を選択して保存しますt jQueryの.append()メソッドを使用して、その内容としてiの値を持つ私たちはjQueryの.find()方法
• 更新
• そして最後には、リンク要素にspanタグを追加するjQueryの.attr()メソッドを使用してhref属性の値を使用して反復している帽子、