javascript - 如何获取具有特定元素的前一个元素？

Question

我需要为包含特定元素的前一个元素选择元素。很难理解我这样解释一下。

HTML (DOM):

<div><a></a></div>

<div><p class="selectThis"></p></div> ------
                                           -
<div><a></a></div>                         - select from previous element which holds class
                                           -
<div><p class="fromThis"></p></div> --------

我之前尝试过:

 $('.fromThis').parent().prev(); //

Answer 1

这不是最漂亮的，但它选择元素并添加一个类

jQuery 解决方案

$("a").on("click", function(event) {
       event.preventDefault();
      $(this).parent().prevAll().find(".selectThis").css({"background": "gold"});
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div><a></a></div>

<div><p class="selectThis">This is a paragraph</p></div> 
<div><a href="www.google.com">Select previous class</a></div>                        
<div><p class="fromThis"></p></div>

单击链接时，默认行为是打开新选项卡。为了防止这种情况，我们可以调用 preventDefault 操作。

要查找类为selectThis的div，我们向上遍历找到父元素，向后遍历找到其兄弟元素。为了查找 sibling 的 child ，我们使用 find() 方法。