jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
實(shí)例如下:
$(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>的索引號(hào),從0開(kāi)始
圖片隔三行加虛線,最后一行去掉虛線,還可以這樣
//方法一: 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標(biāo)簽 隔若干行加空白或者加虛線的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼
本篇文章主要是對(duì)jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本,對(duì)瀏覽的的兼容性都不好。所以就想利用jquery強(qiáng)大的兼容性,寫一個(gè)iframe自適應(yīng)高度的腳本。2010-08-08jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法
下面小編就為大家?guī)?lái)一篇jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10jquery插件開(kāi)發(fā)方法(初學(xué)者)
現(xiàn)在jquery是比較流行的組件了,大家可以通過(guò)擴(kuò)展插件的方法自定義功能,大家可以參考下面的方法制作自己的插件2012-02-02jquery 單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼
jquery單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼,需要的朋友可以參考下。2010-05-05基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)打印功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)打印功能,實(shí)現(xiàn)的打印功能大致跟瀏覽器的Ctrl+P效果一樣,感興趣的小伙伴們可以參考一下2015-12-12簡(jiǎn)單實(shí)現(xiàn)jquery隔行變色
這篇文章主要為大家詳細(xì)介紹了實(shí)現(xiàn)jquery隔行變色效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例
這篇文章主要介紹了js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-10-10jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下2015-01-01