javascript - 如何获取`e.target`的`next`元素？

Question

我有一个input标签，然后是一个label标签。我试图在单击label后获取 的值。input我的审判是，e.target.next.val;但这似乎是错误的。有什么想法可以实现吗？

标签： javascriptjquery

Answer 1

如果我理解正确，您正在寻找触发事件的标签innerHTML旁边<label>的。<input />所有你需要使用的是.next()和.text()或.html()：

$(function () {
  $("input").click(function (e) {
    // Using event.target.
    console.log($(e.target).next("label").text());
    // Using $(this).
    console.log($(this).next("label").text());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input type="button" value="click" />
<label>Click the button to access this text.</label>