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

Question

我有一些list-elements,每个都包含一个<a>-element:

    <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.