温馨提示:本文翻译自stackoverflow.com,查看原文请点击:html - Getting the parent of button without ID in Javascript

html - 在Javascript中获取没有ID的按钮的父项

发布于 2020-03-27 16:03:04

我正在努力获得单击按钮的父按钮。这是我的HTML结构:

<p><button class="remove">x</button> Hamlet<input value="5"></p>

我不想在按钮中使用ID,因为我有许多相同的按钮。任何帮助表示赞赏。谢谢!!!

查看更多

查看更多

提问者
Rustam
被浏览
13
Hao Wu 2020-01-31 17:03

也许考虑将通用点击事件添加到所有按钮。

const onClickButton = function () {
  // The parent element
  const parent = this.parentElement;
  parent.style.backgroundColor = 'red';
};

[...document.getElementsByTagName('button')].forEach(button => button.addEventListener('click', onClickButton));
<p>
  <button class="remove">x</button>
  Hamlet1
  <input value="5">
</p>

<p>
  <button class="remove">x</button>
  Hamlet2
  <input value="5">
</p>

<p>
  <button class="remove">x</button>
  Hamlet3
  <input value="5">
</p>

发布
问题

分享
好友

手机
浏览

扫码手机浏览