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。