javascript - 如何使用jquery获取PreviousAll元素子类

Question

如何使用jquery获取以前的所有元素类列表。

这是示例。

<div>
   <div>
     <span class="one">one</span>
   </div>

   <div>
     <span class="two">one</span>
   </div>

   <div>
     <span class="three">one</span>
   </div>

   <div id="getclass">getclass</div>          

   <div>
     <span class="four">one</span>
   </div> 

</div> 

我想要“getclass”id 中的上述所有类名称。

我正在尝试以下操作。

  var a = $("#getclass").prevAll().find('.class').attr('class');

我如何使用 jquery 实现此目的。请帮助我解决此问题。

Answer 1

您的代码正在查找具有类 class 的元素。

您可以获取所有 children的previous siblings然后使用 map函数通过返回 className 将其转换为仅包含类名的数组属性。

示例:

var a = $("#getclass")
  .prevAll()
  .children("span")
  .get()
  .map(function(x) {
    return x.className;
  });

console.log(a);

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

<div>
  <div>
    <span class="one">one</span>
  </div>
  <div>
    <span class="two">one</span>
  </div>
  <div>
    <span class="three">one</span>
  </div>

  <div id="getclass">getclass</div>

  <div>
    <span class="four">one</span>
  </div>
</div>