在jQuery中，我们通常会使用$(this)来引用当前正在处理的元素。然而，在嵌套的for循环中，我们可能会遇到一些困难，因为$(this)只能引用当前循环的元素，而不能引用外层循环中的元素。
那么，如何在嵌套的for循环中找到正确的$(this)？以下是一个例子：
----
-------- -
----
------------ --------
------------ --------
-----
-----
-------- -
----
------------ --------
------------ --------
-----
-----
-----现在，我们试图在嵌套的for循环中添加一个点击事件处理程序，当用户单击列表项时，它将颜色设置为红色。我们可以这样写代码：
----------------------- -
------------------------ -
-------------------- -------
---
------- --------------------- -
------------------------ -
---------------------------------
-------------------- --------
---
---
---这里的问题是，内层循环中的$(this)实际上引用它所包含的ul元素，而不是外层循环中的li元素。因此，我们需要找到一种方法来引用正确的$(this)。
解决方案
在嵌套的for循环中找到正确的$(this)的一种方法是使用一个变量来保存外层循环中的$(this)。我们可以像这样修改代码：
----------------------- -
--- ----- - -------- -----------------
---------------------- -
------------------ ------- -----------------
---
------- --------------------- -
------------------------ -
------------------ -------- -----------------
---
---
---在这个例子中，我们创建了一个名为$this的变量，并将其设置为外层循环中的$(this)。在内层循环中，我们使用$this来引用外层循环中的$(this)，而不是使用内层循环中的$(this)。
优化
但是，如果有多个嵌套的循环，嵌套层数较深，那么这种方法就显得不太灵活和容易出错。为了使代码更易于管理和理解，我们可以使用JavaScript的bind()方法。
----------------------- -
------------------------ -
-------------------- -------
---
------- --------------------- -
--------------
----------------- -
-------------------- --------
------------ -------- ---------------------------
--
---
---在这个例子中，我们将内层循环中的$(this)作为参数传递给点击事件处理程序。我们使用bind()方法来将外层循环中的$(this)与事件处理程序绑定。这样，我们就可以在内层循环中正确地引用外层循环中的$(this)。
结论
在
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27149