算法遍歷問(wèn)題

                    <ul>
                        <li>
                            <a href="#" target="_blank">
                                <span>通知后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>新聞動(dòng)態(tài)后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>工具后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>全部應(yīng)用后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>廣告后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>通訊錄后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>民生專(zhuān)題后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>活動(dòng)后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>幫助后臺(tái)管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <span>門(mén)戶(hù)后臺(tái)管理</span>
                            </a>
                        </li>
                    </ul>
                    
                    我只想給第1 2 3 4 6 7 8 9 11 12 13 14 16 17 18 19。。。上的li加樣式，我怎么寫(xiě)js循環(huán)遍歷？

回答

編輯回答

奧特蛋

用css就能做到，為什么要用js。

ul li:not(:nth-child(5n + 5)) {
    color: red;
}

或者

ul li {
    color: red;
}
ul li:nth-child(5n + 5){
    //覆蓋上面的樣式。
}

2017年7月26日 00:58

編輯回答

空白格

這個(gè)談不上是算法遍歷。寫(xiě)了一個(gè)原生js的方法，性能肯定不是最優(yōu)的

var _ul = document.querySelector("ul"); //ul 最好加個(gè)class或者id 不然就會(huì)找到第一個(gè)聲明的ul
var _li = _ul.querySelectorAll("li");
for (var a = 0; a < _li.length; a++) {
    li[a].setAttribute("style", "background-color: yellow");
    //也可以聲明一個(gè)類(lèi)，然后掛上這個(gè)類(lèi)
    //_li[a].classList.add("bg");
}

2018年1月21日 06:07

編輯回答

苦妄

首先從場(chǎng)景出發(fā)，為什么你會(huì)有這樣的需求，我猜測(cè)是你寫(xiě)死了DOM？為什么不把側(cè)邊欄的屬性寫(xiě)成json配置，通過(guò)模板引擎或者js去生成。可能是我理解偏激了，但是這種問(wèn)題的提出其實(shí)隱含著設(shè)計(jì)上更大的紕漏

2017年2月7日 04:13

編輯回答

骨殘心

// Jquery 選擇器
// 選擇器選取索引值小于指定數(shù)字的元素。
// :lt(n) n 代表元素索引 從 0 開(kāi)始
$("li:lt(19)"); // 前19個(gè)li元素

// 不包括5的倍數(shù) （n 表示包括 0 在內(nèi)的自然數(shù)）
$('li').not(':nth-child(5n + 5)');

2017年4月4日 19:08