当前位置：首页 → 问答吧 → 创建新元素时怎么使用循环变量？

创建新元素时怎么使用循环变量？

时间：2009-12-27

来源：互联网

使用如下代码创建三个新的元素，我想让鼠标经过三个元素时，dest的内容分别变为1，2，3
但是现在不管鼠标经过哪个dest的内容都是3
怎样才能实现我想要的？

<html>
    <head>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript">
function init(containerId){
    var container = $('#'+containerId);
    var ccc = {margin:10,'background-color':'red'};
    for(var i = 0; i < 3; i++){
        container.append(
            $(document.createElement('span')).css(ccc).append((i+1)+'============').hover(function(){
                document.getElementById('dest').innerHTML=i;
            })
        );
    }
}
    </script>
    </head>
    <body>
        <div id="slider"></div>
        <span id="dest">dest</span>
        <script>init('slider');</script>
    </body>
</html>

作者: qinglangee 发布时间: 2009-12-27

创建新元素时怎么使用循环变量？

热门阅读

热门下载