$(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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實(shí)現(xiàn)方法

相關(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插件autocomplete使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery插件autocomplete使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本，對(duì)瀏覽的的兼容性都不好。所以就想利用jquery強(qiáng)大的兼容性，寫一個(gè)iframe自適應(yīng)高度的腳本。
2010-08-08
jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法
下面小編就為大家?guī)?lái)一篇jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jquery插件開(kāi)發(fā)方法(初學(xué)者)
現(xiàn)在jquery是比較流行的組件了，大家可以通過(guò)擴(kuò)展插件的方法自定義功能，大家可以參考下面的方法制作自己的插件
2012-02-02
jquery 單行滾動(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-11
js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例
這篇文章主要介紹了js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
2016-10-10
jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下
2015-01-01