今天我們來(lái)聊一聊jQuery遍歷li并設(shè)置樣式的問(wèn)題。
首先,我們需要獲取所有的li元素。可以使用jQuery的選擇器來(lái)獲取:
var lis = $('ul li');
這樣我們就可以得到所有ul元素下的li元素。接著,我們可以使用jQuery的each()方法遍歷所有的li元素:
lis.each(function() { $(this).addClass('active'); });
在each()方法中,我們使用$(this)來(lái)指代當(dāng)前遍歷到的li元素,然后調(diào)用addClass()方法來(lái)為li元素添加一個(gè)'active'的樣式。
當(dāng)然,我們也可以選擇使用for循環(huán)遍歷lis數(shù)組來(lái)設(shè)置樣式:
for (var i = 0; i < lis.length; i++) { $(lis[i]).addClass('active'); }
不過(guò),與使用each()方法相比,for循環(huán)要稍微繁瑣一些。
除了使用addClass()方法來(lái)設(shè)置樣式,我們還可以使用css()方法來(lái)直接設(shè)置style屬性:
lis.each(function() { $(this).css('color', 'red'); });
這樣就會(huì)將所有的li元素的字體顏色設(shè)置為紅色。
好了,以上便是關(guān)于jQuery遍歷li并設(shè)置樣式的一些方法,希望對(duì)你有所幫助。