在jQuery中，我們可以使用多種方法來循環(huán)遍歷li元素，以下是一些常見的方法：

1、使用.each()方法

.each()方法是jQuery中的一個非常實用的函數，它可以幫助我們遍歷匹配到的元素集合，我們可以傳入一個回調函數，該函數會在每次迭代時被調用，并且會接收到當前元素的索引和DOM元素本身作為參數。

示例代碼：

$("li").each(function(index, element) {
  console.log("索引：" + index + "，元素：" + $(element).text());
});

2、使用.map()方法

.map()方法可以對匹配到的元素集合進行映射操作，它會返回一個新的數組，其中包含了映射后的元素，我們可以傳入一個回調函數，該函數會在每次迭代時被調用，并且會接收到當前元素的索引和DOM元素本身作為參數。

示例代碼：

var liTexts = $("li").map(function(index, element) {
  return $(element).text();
}).get();
console.log(liTexts);

3、使用.filter()方法

.filter()方法可以篩選出匹配到的元素集合中滿足特定條件的元素，我們可以傳入一個回調函數，該函數會在每次迭代時被調用，并且會接收到當前元素的索引和DOM元素本身作為參數，如果回調函數返回true，則該元素會被保留在新的集合中；如果返回false，則該元素會被過濾掉。

示例代碼：

var evenLis = $("li").filter(function(index, element) {
  return $(element).text().length % 2 === 0;
});
evenLis.css("backgroundcolor", "yellow");

4、使用.eq()方法

.eq()方法可以獲取匹配到的元素集合中指定索引的元素，我們可以傳入一個整數參數，表示要獲取的元素的索引，注意，索引是從0開始的。

示例代碼：

var firstLi = $("li").eq(0);
firstLi.css("fontweight", "bold");

5、使用.first()和.last()方法

.first()方法可以獲取匹配到的元素集合中的第一個元素；.last()方法可以獲取匹配到的元素集合中的最后一個元素，這兩個方法都只會返回一個元素。

示例代碼：

var firstLi = $("li").first();
var lastLi = $("li").last();
firstLi.css("fontsize", "20px");
lastLi.css("fontstyle", "italic");

6、使用:firstchild和:lastchild選擇器

我們還可以使用CSS選擇器來直接獲取第一個和最后一個li元素，我們可以使用:firstchild選擇器來獲取第一個li元素，使用:lastchild選擇器來獲取最后一個li元素。

示例代碼：

var firstLi = $("li:firstchild");
var lastLi = $("li:lastchild");
firstLi.css("fontweight", "bold");
lastLi.css("fontstyle", "italic");

7、使用:nthchild()選擇器

我們還可以使用CSS選擇器中的:nthchild()偽類來獲取指定位置的li元素，我們可以使用:nthchild(2)來獲取第二個li元素，使用:nthchild(4)來獲取第四個li元素，注意，這里的索引是從1開始的。

示例代碼：

var secondLi = $("li:nthchild(2)");
var fourthLi = $("li:nthchild(4)");
secondLi.css("fontsize", "20px");
fourthLi.css("fontstyle", "italic");

以上就是在jQuery中循環(huán)遍歷li元素的一些常見方法，在實際開發(fā)中，我們可以根據具體需求選擇合適的方法來進行操作，希望這些內容能夠幫助你更好地理解和掌握jQuery的使用。

分享名稱：jquery怎么循環(huán)li
當前路徑：http://uogjgqi.cn/article/dheecei.html