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>里面的文字.
是否可以在不使用 <li> 的 ID 的情况下执行此操作？ , 自 <a>在里面吗？

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

Answer 1

简单的答案是使用:

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

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

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

引用资料:

• > Node.parentNode .