如何动态设置div的文本?

时间:2014-06-02 12:16:20

标签: jquery

我有这个静态HTML

<div id="myordersdiv">
             <ul>
                    <li class="myorderhead"><h5>My Orders <i>2</i></h5></li>
                </ul>
            </div>

此处我的订单<i>2</i>代表其中的订单数量

如何将硬编码的文本动态设置为2?

var dataa = '<div id="ordersdiv" style="display:none"></div>';  
$("#myordersdiv ul").append(dataa);
$("#ordersdiv").prepend(buildcart);
 $("#myordersdiv").show();

这是我的HTML

<div id="myordersdiv">

             <ul>
                    <li class="myorderhead"><h5>My Orders <i>2</i></h5></li>

                </ul>

            </div>

我正以这种方式计算长度

 var dataa = '<div id="ordersdiv" style="display:none"></div>';  
$("#myordersdiv ul").append(dataa);
 $("#ordersdiv").prepend(buildcart);
var n = $("#ordersdiv").length;
$("#myordersdiv").find("i").text(n).show();
$("#myordersdiv").show();

但长度始终显示为1。

1 个答案:

答案 0 :(得分:1)

你可以这样做:

var someVariable = 2;

$("#myordersdiv").find("i").text(someVariable);

DEMO FIDDLE