1

スライダーの各スライド内の要素にクラス「slide-number-x」を追加したいと思います。「x」はdomのスライド番号を表します。

したがって、たとえば、この単純なHTMLマークアップは次のようになります。

<div class="slider">
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
</div>

になります：

<div class="slider">
    <div class="slide slide-number-1"><div class="slide-title"></div></div>
    <div class="slide slide-number-2"><div class="slide-title"></div></div>
    <div class="slide slide-number-3"><div class="slide-title"></div></div>
    <div class="slide slide-number-4"><div class="slide-title"></div></div>
</div>

私はこれがうまくいくと思いました：

$('.slide').each(function(i){
  $(this).addClass('slide-number'i+1);
});

ヘルプやアイデアはありますか？

どうもありがとう、R

4

5 に答える 5

9

連結演算子 ( ) を忘れました+。次を使用してください。

$('.slide').each(function(i){
  $(this).addClass('slide-number-' + (i+1));
});
于 2013-01-23T20:20:32.103 に答える
0

次のようになります。

$(this).addClass('slide-number-' + (i + 1));
于 2013-01-23T20:21:15.757 に答える
0

連結演算子がありません。また、JavaScript で値をインクリメントするための規則は、ダブル プラスです。

$('.slide').each(function(i){
  $(this).addClass('slide-number-' + ++i);
});
于 2013-01-23T20:27:31.230 に答える
0

これにより、必要なものが得られます

$('.slide').each(function(i){
  $(this).addClass('slide-number-' + (i+1));
});
于 2013-01-23T20:25:00.840 に答える
0

あなたは + が間違った場所にあります... これを試してください。それは私のために働いた...

$('.slide').each(function(i){
  $(this).addClass('slide-number'+i);
});
于 2013-01-23T20:26:35.377 に答える