javascript - JavaScript / HTML - 从其中的 a 元素中引用包含 li 元素

Question

我有一些列表元素，其中每个元素都包含一个-<a>元素：

    <li class="invis article notCart" id="Waschmaschine">
      <div class="articleDetails">
        ...stuff...
      </div>
      <a onclick="intoCart(this);" class="intoCart">
        In den Warenkorb</a>
    </li>

我想在这一行中引用 li 元素本身：

<a onclick="intoCart(this);"

当然this不行，是指里面的文字<a>。
是否可以在不使用 的 ID 的情况下执行此操作<li>，因为<a>在其中？

我有很多这样的列表元素，不想通过 ID 引用它们中的每一个。

Answer 1

简单的答案是使用：

<a onclick="intoCart(this.parentNode);"

尽管这是一个脆弱的解决方案，但不可避免地需要了解从 HTML 构造的 DOM。

当然，您可以this像原来一样简单地传递给函数，但parentNode在函数本身中找到相关的。

参考：

• Node.parentNode.