Question

我拥有DOM的这一部分。

<div class="users-layer">
    <div class="ct-user" id="ctUser1"></div>
    <div class="ct-user" id="ctUser7"></div>
    <div class="ct-user" id="ctUser4"></div>
    <span class="messsage"></span>
    <div class="ct-user" id="ctUser8"></div>
    <div class="ct-user" id="ctUser3"></div>
</div>

我已选择邮件，我将如何获取＃ctUser4？没关系，这是针对Tampermonkey中的用户脚本的吗？

Answer 1

您可以使用 previousSibling属性返回指定节点的上一个节点（在同一级别），或者您还可以根据需要使用 previousElementSibling属性。

  var x = document.getElementsByClassName("message")[0].previousElementSibling.innerHTML;
document.write('Accessing the previous sibling element'+x);

<div class="users-layer">
    <div class="ct-user" id="ctUser1"></div>
    <div class="ct-user" id="ctUser7"></div>
    <div class="ct-user" id="ctUser4"> ctUser4 </div>
    <span class="message"></span>
    <div class="ct-user" id="ctUser8"></div>
    <div class="ct-user" id="ctUser3"></div>
</div>

JavaScript / jquery在元素上方获得同级

1 个答案: