如何使用 JavaScript 和 jQuery 给当前 li 元素添加属性

可以使用 JavaScript 或 jQuery 来给当前 li 元素添加属性。

JavaScript

假设我们有以下 HTML 代码：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

我们可以使用以下 JavaScript 代码来给当前被点击的 li 元素添加一个 class 属性：

const liElements = document.querySelectorAll('li');

liElements.forEach(li => {
  li.addEventListener('click', function() {
    this.classList.add('active');
  });
});

在上面的代码中，我们首先使用 querySelectorAll 方法选择所有 li 元素，并使用 forEach 方法遍历它们。然后，我们为每个 li 元素添加一个 click 事件监听器，当被点击时，它会将当前元素的 class 属性设置为'active'。

jQuery

如果你正在使用 jQuery，你可以使用以下代码来给当前 li 元素添加 class 属性：

$('li').click(function() {
  $(this).addClass('active');
});

在上面的代码中，我们使用 click 方法为所有 li 元素添加一个 click 事件监听器。当被点击时，它会使用 this 关键字来引用当前被点击的 li 元素，并使用 addClass 方法将其 class 属性设置为'active'。