jquery 怎样每个每隔5隔li插入分割线
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function separate_line(){
// 怎样在每隔5隔li插入一个 <li class="newline">................</li>
}
</script>
<style type="text/css">
.newline{padding:5px}
</style>
<ul id="test">
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
</ul>
<button onclick="separate_line()">插入分割线</button>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function separate_line(){
// 怎样在每隔5隔li插入一个 <li class="newline">................</li>
}
</script>
<style type="text/css">
.newline{padding:5px}
</style>
<ul id="test">
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
</ul>
<button onclick="separate_line()">插入分割线</button>
解决方案 »
- Ajax加载HTML文件图片不显示的问题
- JS 如何判断一个页面是不是当前活动页面
- 跪求一个密码规则正则表达式,请高手指点,不胜感激!!!
- js如何判断页面里的控件个数
- 急!急!急 web页面到客户端打印道理用哪个好,不会被浏览器阻止,
- Object.prototype.s$ = function(name,v,mode)的意思
- 函数返回值问题!偶就是不会啊!神啊!救我吧!来者有分啊!
- WebBrowser 的页面设置 怎么动态设定!???
- 有没有办法禁止Shift+鼠标开新窗口
- 安装vue 报错。求大佬解释。
- 有用dojo的XDJM没?
- javascript下MediaPlayer 的使用问题
$("#test li:nth-child(5n)").append('<li class="newline">................</li>')