jquery - jQuery - 附加列表，其中包含与 PHP 值一样多的选项

Question

如果我有一个列表，例如：

<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 应用于最低的唯一一分钱拍卖，其中出价数量有限。

score 4 · Accepted Answer

您不会在 jQuery 中执行此操作，而是在 php 中执行此操作。除非您正在执行 ajax 调用，否则您将在使用 jQuery 加载页面后追加。在 PHP 中你会这样做。

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

除非它响应某种 ajax 请求，否则不要真正看到在 jQuery 中这样做的意义。

score 1 · Accepted Answer

试试这个：

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

score 0 · Accepted Answer

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;

score 0 · Accepted Answer

0

for(var i =1; i <= <?php echo $number ?>; i++){
    $('<li />').html(i).appendTo('ol');
}

于 2012-07-14T18:44:35.223 回答

4 回答 4