js嵌套循环，在第二层循环中动态生成ol，如果只对本循环的ol进行操作，css选择器应该怎么写？$("ol")错误

JavaScript018

js嵌套循环，在第二层循环中动态生成ol，如果只对本循环的ol进行操作，css选择器应该怎么写？$("ol")错误,第1张

生成ol的时候把这个变量保存起来，然后操作这个变量

var $ol = $("<ol></ol>")

$("#sub_ul").append($ol)

                        for(var j=0j<=sub_data[i].items.length-1 j++ ) {

                            $ol.append(" <li><a href='javascript:'>" + "· " + sub_data[i].items[j]+ "</a></li>" + "</br>"

                              )

                    }

ol元素横向循环很简单，只需要设置ol的高度和宽度，然后向左浮动就可以了，比较难的是文字方向自上而下，ie有一个属性可以设置，但是其他浏览器是没有的，我的思路就是ol的宽度刚好就设置成一个字的宽度，一般都是12px。现假设ul的id是ul_f

用:$('#ul_f >ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'})

整体的代码如下：

<style type="text/css">

#ul_f {list-style-type:nonepadding:0margin:0}

#ul_f ol{list-style-type:nonepadding:0margin:0background-color:#f00color:#fffborder-left:1px solid #fff}

</style>

<script src="js/jquery-1.4.js"></script>

<body>

<ul id="ul_f">

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

<ol>我是谁啊</ol>

</ul>

<script type="text/javascript">

$('#ul_f >ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'})

</script>