jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
更新時(shí)間：2016年12月07日 11:05:51 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
實(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統(tǒng)計(jì)用戶選中的復(fù)選框的個(gè)數(shù)
使用選擇器得到所有被勾選的復(fù)選框元素的集合，然后通過(guò)判斷元素的個(gè)數(shù)來(lái)得到用戶勾選的個(gè)數(shù),需要的朋友可以參考下2014-06-06
寫得不錯(cuò)的jquery table鼠標(biāo)經(jīng)過(guò)變色代碼
鼠標(biāo)經(jīng)過(guò)table變色的效果，想必大家都有遇到過(guò)吧，其實(shí)實(shí)現(xiàn)并不難，在本文為大家詳細(xì)介紹下jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參看下2013-09-09
jquery實(shí)現(xiàn)圖片漸變切換兼容ie6/Chrome/Firefox
jquery代碼實(shí)現(xiàn)圖片漸變切換同時(shí)兼容ie6、Chrome、Firefox，想學(xué)習(xí)的朋友可以測(cè)試下，希望對(duì)大家有所幫助2013-08-08
jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子
這篇文章主要介紹了jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子,本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js，喜歡的朋友可以學(xué)習(xí)下2014-09-09
本文主要介紹了jquery實(shí)現(xiàn)下拉框左右選擇功能的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jquery關(guān)于頁(yè)面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時(shí)改變樣式 )
用戶在輸入文字時(shí)，如果能高亮顯示正在輸入的那個(gè)文本框的話，會(huì)更人性化些，下面就使用jQuery來(lái)實(shí)現(xiàn)。2010-09-09
jQuery得到多個(gè)值只能用取Class ,不能用取ID的方法
下面小編就為大家?guī)?lái)一篇jQuery得到多個(gè)值只能用取Class ,不能用取ID的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery驗(yàn)證插件validate使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
使用jquery+iframe做一個(gè)ajax上傳效果(實(shí)例)
下面小編就為大家?guī)?lái)一篇使用jquery+iframe做一個(gè)ajax上傳效果(實(shí)例)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
推薦40個(gè)簡(jiǎn)單的 jQuery 導(dǎo)航插件和教程(下篇)
在下面的集合中，你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程，幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航，讓你網(wǎng)站更有組織性和交互性2012-09-09