Javascript Jquery通过索引访问每个列表项

我正在学习Jquery的初学者视频教程，刚刚学习了以下代码：（inside.ready（））

现在，

e打印每个li索引

，有人能解释一下它是如何获得每个项目的索引的，因为它不是一个循环

实际上，.each（）是一个循环/迭代器。它将迭代匹配的每个元素。例：所有的

ulli

s

它将为每一个匹配的元素运行代码，并且可以使用

$（this）

参见文档：

实际上，.each（）是一个循环/迭代器。它将迭代匹配的每个元素。例：所有的

ulli

s

它将为每一个匹配的元素运行代码，并且可以使用

$（this）

参见文档：

实际上，.each（）是一个循环/迭代器。它将迭代匹配的每个元素。例：所有的

ulli

s

它将为每一个匹配的元素运行代码，并且可以使用

$（this）

参见文档：

实际上，.each（）是一个循环/迭代器。它将迭代匹配的每个元素。例：所有的

ulli

s

它将为每一个匹配的元素运行代码，并且可以使用

$（this）

请参阅文档：

嗯，

。each（）

函数是一个循环。它几乎是字面上说的“对于每一个有‘ulli’名称的项目，做点什么。”

论文中的字母“e”是你的实际索引号。当您使用

.each

循环时，函数会收集它正在查看的内容的数量，并继续移动，直到没有更多内容为止

要简单地显示索引的编号，可以说：

$('ul li').each(function(i){  //I like to use the letter 'i' which more literally stands for 'index'
    console.log(i);
});

这将在控制台中显示为：

0
1
2
3
4
5

假设你有六个元素

现在，您使用

$this

没有任何意义。当正确使用它时，它被写为

$（this）

，意思是“this element”，因为我们在一个遍历每个列表元素的函数中，它将获取它当前正在查看的列表元素，然后执行任何您想要的操作

如果您希望所有列表元素的背景颜色都是红色（就像您希望的那样），您可以这样写：

$('ul li').each(function(i){  
    $(this).css({"background": "red"});
});

我不确定你想用

.append

函数做什么。通过这样做，您实际上为每个列表元素向列表元素添加了一个列表元素

你能解释一下你想完成什么吗

更新 正如标题所说的“通过索引访问每个列表项”，如果您想访问特定列表项，而不是所有列表项，可以使用函数

.eq（）

。假设您有6个列表元素，并且希望第四个元素具有红色背景。您只需这样做：

$('ul li').eq(3).css({"background":"red"});

记住，索引数从零开始，所以第四个是#3。（当然，这在CSS中会更快更简单！）

嗯，

.each（）

函数是一个循环。它几乎是字面上说的“对于每一个有‘ulli’名称的项目，做点什么。”

论文中的字母“e”是你的实际索引号。当您使用

.each

循环时，函数会收集它正在查看的内容的数量，并继续移动，直到没有更多内容为止

要简单地显示索引的编号，可以说：

$('ul li').each(function(i){  //I like to use the letter 'i' which more literally stands for 'index'
    console.log(i);
});

这将在控制台中显示为：

0
1
2
3
4
5

假设你有六个元素

现在，您使用

$this

没有任何意义。当正确使用它时，它被写为

$（this）

，意思是“this element”，因为我们在一个遍历每个列表元素的函数中，它将获取它当前正在查看的列表元素，然后执行任何您想要的操作

如果您希望所有列表元素的背景颜色都是红色（就像您希望的那样），您可以这样写：

$('ul li').each(function(i){  
    $(this).css({"background": "red"});
});

我不确定你想用

.append

函数做什么。通过这样做，您实际上为每个列表元素向列表元素添加了一个列表元素

你能解释一下你想完成什么吗

更新 正如标题所说的“通过索引访问每个列表项”，如果您想访问特定列表项，而不是所有列表项，可以使用函数

.eq（）

。假设您有6个列表元素，并且希望第四个元素具有红色背景。您只需这样做：

$('ul li').eq(3).css({"background":"red"});

记住，索引数从零开始，所以第四个是#3。（当然，这在CSS中会更快更简单！）

嗯，

.each（）

函数是一个循环。它几乎是字面上说的“对于每一个有‘ulli’名称的项目，做点什么。”

论文中的字母“e”是你的实际索引号。当您使用

.each

循环时，函数会收集它正在查看的内容的数量，并继续移动，直到没有更多内容为止

要简单地显示索引的编号，可以说：

$('ul li').each(function(i){  //I like to use the letter 'i' which more literally stands for 'index'
    console.log(i);
});

这将在控制台中显示为：

0
1
2
3
4
5

假设你有六个元素

现在，您使用

$this

没有任何意义。当正确使用它时，它被写为

$（this）

，意思是“this element”，因为我们在一个遍历每个列表元素的函数中，它将获取它当前正在查看的列表元素，然后执行任何您想要的操作

如果您希望所有列表元素的背景颜色都是红色（就像您希望的那样），您可以这样写：

$('ul li').each(function(i){  
    $(this).css({"background": "red"});
});

我不确定你想用

.append

函数做什么。通过这样做，您实际上为每个列表元素向列表元素添加了一个列表元素

你能解释一下你想完成什么吗

<