javascript - 如何使用嵌套按钮获取 的文本值？

Question

我正在尝试获取当前列表项的文本值。

我尝试使用 $(this).text() 和 $(this).parent().text() ，它们都返回 undefined 或 null。我认为解决方案相对简单，但我无法弄清楚这一点。

Answer 1

在 onclick 属性中，以 this 作为参数调用该函数。然后在函数中，您必须获取整个文本，并删除按钮文本。

此方法不依赖于 ID，可用于 li 标记内的任何按钮。

示例 HTML

<li id="ED_H">
  john.live.com
  <button onclick="editUnit(this)" type="button">Edit</button>
</li>

JavaScript

var editUnit = function (button) {
 var buttonText = button.innerText;
 var fullText = button.parentElement.innerText;
 var wanted = fullText.replace(buttonText, '');
 console.log(wanted);
};