jQuery:用名称替换列表项文本值

Question

我正在学习 jQuery，但我仍然不完全理解它是如何工作的。假设我有一个像这样的无序列表:

<ul>
<li name="one">xxx</li>
<li name="two">xxx</li>
<li name="three">xxx</li>
</ul>

我想用每行的名称替换它的文本值。你能解释一下为什么它有效吗:

$('li').each(function() {
    $(this).text($(this).attr('name'));
});

而这个没有？

$('li').text($(this).attr('name'));

Answer 1

它们具有完全不同的含义。

在此:

$('li').each(function() {
    $(this).text($(this).attr('name'));
});

• 选择所有li。
• 对于找到的每个元素:
• 将我的 (li) 文本更改为:
  • 选择我的 (li) 属性。

$('li').text($(this).attr('name'));

• 选择所有li
• 将其文本更改为:
  • 选择我的窗口的属性名称。

在最后一个示例中，您将相同的文本应用于窗口中找到的名称的所有li。

编辑:澄清一下:在最后一个示例中，$(this) 指的是您正在执行的函数所属的位置。它可以是窗口，也可以是一个对象。