按照先前所有元素中的类查找最接近的元素 [英] Find the closest element by class from previous all elements

问题描述

这是我的html

 < ul> 
< li class ='header_1 header_class'>标题1< / li> 
< li class ='ooption_1 option_class'> OPTION 1< / li> 
< li class ='ooption_2 option_class'> OPTION 2< / li> 
< li class ='ooption_3 option_class'> OPTION 3< / li> 
< li class ='header_2 header_class'>标题2< / li> 
< li class ='ooption_4 option_class'> OPTION 4< / li> 
< li class ='ooption_5 option_class'>选项5< / li> 
< li class ='ooption_6 option_class'> OPTION 6< / li> 
< li class ='header_3 header_class'>标题3< / li> 
< li class ='ooption_7 option_class'> OPTION 7< / li> 
< li class ='ooption_8 option_class'> OPTION 8< / li> 
< li class ='ooption_9 option_class'>选项9< / li> 
< / ul> 
  

如果点击选项1，则应点击文本标题1文本'Header 2'应该被警告。请告诉jquery函数来做到这一点。 使用来解决方案。 prevAll（）选择与选择器匹配的前面的兄弟姐妹。

  alert（$（this）.prevAll （ .header_class）第一（）文本（））。。 
  

Here is my html

<ul>
    <li class='header_1 header_class'>Header 1</li>
    <li class='ooption_1 option_class'>OPTION 1</li>
    <li class='ooption_2 option_class'>OPTION 2</li>
    <li class='ooption_3 option_class'>OPTION 3</li>
    <li class='header_2 header_class'>Header 2</li>
    <li class='ooption_4 option_class'>OPTION 4</li>
    <li class='ooption_5 option_class'>OPTION 5</li>
    <li class='ooption_6 option_class'>OPTION 6</li>
    <li class='header_3 header_class'>Header 3</li>
    <li class='ooption_7 option_class'>OPTION 7</li>
    <li class='ooption_8 option_class'>OPTION 8</li>
    <li class='ooption_9 option_class'>OPTION 9</li>
</ul>

If OPTION 1 is clicked then text 'Header 1' should be alerted,if OPTION 4 is clicked then text 'Header 2' should be alerted.Please tell jquery function to do this.

解决方案

Use .prevAll() to select preceding siblings matching a selector.

alert($(this).prevAll(".header_class").first().text());

这篇关于按照先前所有元素中的类查找最接近的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！