-1

私には単純な問題があり、できれば簡単な答えがあります。

それで、私がJSON利用しているファイルに大量のデータが含まれています。構築されたそのようなデータを使用してスライドショーを作成しようとしていますが、すべてをハードコーディングせずにスライドに適切な情報を追加するのに問題があります。

私のアイデアは、forループを使用して特定の ID (スライド) をターゲットにすることですが、ループの各アイテムをターゲットにする方法を理解することはできません。

私はこのようなことを考えていましたが、まったく機能していません笑。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(function() {
    for (var i=0; i<10; i++) {
        $('#slide(i)').append("<p>Hello World</p>");
    }
})();
</script>
</head>
<body>
<div id="slide0"></div>
<div id="slide1"></div>
<div id="slide2"></div>
<div id="slide3"></div>
<div id="slide4"></div>
<div id="slide5"></div>
<div id="slide6"></div>
<div id="slide7"></div>
<div id="slide8"></div>
<div id="slide9"></div>
</body>

個々のスライドを実際にターゲットにする限り、私が試した構文はどれもうまくいきません。

どんな助けでも大歓迎です！

4

1 に答える 1

5

文字列連結を使用する

jQuery(function ($) {
    for (var i = 0; i < 10; i++) {
        //use string concatenation
        $('#slide' + i).append("<p>Hello World</p>");
    }
});//also there is no () here... it is not a IIFE... it is a callback registration which will be invoked by jQuery when dom ready is fired

デモ:フィドル

于 2013-10-22T02:59:59.517 に答える