jquery <li>標簽 隔若干行加空白或者加虛線的方法
更新時間:2016年12月07日 11:05:51 投稿:jingxian
下面小編就為大家?guī)硪黄猨query <li>標簽 隔若干行加空白或者加虛線的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例如下:
$(function () { $('ul li').addClass(function (i) { return i % 6 == 5 ? "ab" : ""; }); // 隔6行 加空白?;蛘呒犹摼€ $('.imglist li').after(function (i) { var css = ""; if (i % 3 == 2) { css = "<div class='dashed clear' ></div>"; } return css; }); //圖片列表photo.html 隔3行 虛線 });
i 是 <li>的索引號,從0開始
圖片隔三行加虛線,最后一行去掉虛線,還可以這樣
//方法一: jQuery(document).ready(function () { var NewUL = jQuery(".photo_list ul li"); for (var i = 0; i < NewUL.length; i++) { if ((i + 1) % 3 == 0) { NewUL.eq(i).after("<li class=\"photo_space\"></li>"); } } $(".photo_list li:last").css("border-bottom", "none"); })
.ab { height:80px; } .dashed{border-bottom:1px dashed #b9c3c7;padding-bottom:10px;margin-bottom:10px} .clear{clear:both} .imglist ul li {text-align:center;line-height:25px;float:left}
以上這篇jquery li標簽 隔若干行加空白或者加虛線的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
基于jquery的兼容各種瀏覽器的iframe自適應高度的腳本
在網(wǎng)上找了很多的iframe自適應高度的腳本,對瀏覽的的兼容性都不好。所以就想利用jquery強大的兼容性,寫一個iframe自適應高度的腳本。2010-08-08jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個tr中的第一個td的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jquery 單行滾動、批量多行滾動、文字圖片翻屏滾動效果代碼
jquery單行滾動、批量多行滾動、文字圖片翻屏滾動效果代碼,需要的朋友可以參考下。2010-05-05