1

次のようなリストがある場合:

<ol>
    <li></li>
</ol>

そして、数値の範囲の数値を含むliを追加したいので、出力は次のようになります。

<? $number = "5"; ?>
<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ol>

jQueryでこれを行うにはどうすればよいですか?

私がこのコードで何をしているのか知りたい人は、この Fiddle を見てください: http://jsfiddle.net/dnLbV/19/。私は、入札数が限られている最もユニークなペニー オークションに Fiddle を適用しています。

4

4 に答える 4

4

これを jQuery で行うのではなく、php で行うことになります。たとえば、ajax 呼び出しを行っていない限り、jQuery を使用してページが読み込まれた後に追加することになります。ただし、PHPではこのようにします。

<?php $number = "5"; ?>
<ol>
<?php 
    for($index = 1; $index <= $number; $index++)
       echo "<li>$index</li>";
?>
</ol>

なんらかの ajax リクエストへの応答でない限り、jQuery でそれを行う意味を実際に見てはいけません。

于 2012-07-14T18:42:54.297 に答える
1

これを試して:

for (var i = 1; i <= 5; i++){
  $('ol').append('<li>'+ i +'</li>')
}

http://jsfiddle.net/z4PSe/

于 2012-07-14T18:42:55.737 に答える
0

jQuery:

var li = "";
for(var i=0;i<<?php echo $number;?>;i++){
    li += "<li>" + (i+1) + "</li>";
}
$("#listID").append(li);

HTML:

<ol id="listID">
</ol>

ただ注意してください、これを単純なJavaScriptで置き換えることで完全に可能$("#listID").append(li);ですdocument.getElementById("listID").innerHTML = li;

于 2012-07-14T18:42:48.413 に答える
0
for(var i =1; i <= <?php echo $number ?>; i++){
    $('<li />').html(i).appendTo('ol');
}
于 2012-07-14T18:44:35.223 に答える