javascript - 查找上一个 <a> 元素？

Question

<a href="/user/SOMEUSERNAME">SOMEUSERNAME</a>
<div class="col s9">
  <p id="p_50">Some message</p>
  <br>
  <br>
  <span class="forumtools">
    <strong>
      <a onclick="quote(\'p#p_50\')">Quote</a>
    </strong>
  <span class="right">Written SOMEDATE</span>
  </span>
</div>

JQuery/JS:

function quote(post) { $(post).text(); }

这可以获取帖子消息，但我该如何找到用户名？

我尝试过使用 $(post).prev('a').text(); 和 $(post).parent().prev('a') .text();，但似乎没有任何效果。

Answer 1

不用 jQuery 也能做到。如果可能，请更改 html 并将当前链接传递给函数，如下所示:

<a onclick="quote(\'p#p_50\', this)">Quote</a>

然后您可以搜索所有链接:

function quote(str, currentLink) {
  var allLinks = document.getElementsByTagName("a"); // get all links in document
  var index = allLinks.indexOf(currentLink);
  if (index > 0) {
    var prevLink = allLinks[index-1];
    console.log(prevLink); // log it to browser console
  } else { 
    console.log("there is no previous link"); 
  }
}