jquery - 抓取距离按钮最近的 ul

Question

我有一个按钮可以打开和关闭某些项目，我试图使其尽可能具有动态性，因为我可以在每页上有多个这些项目，并且我想使用相同的功能。

我的问题是，当单击此按钮时，我尝试调用最近的 ul，但按钮和 ul 之间有一个表单和一些段落>.

<button class="showProduction"></button>
  <form>
    <input type="text" name="" value="" />
    <input type="text" name="" value="" />
    <input type="text" name="" value="" />
    <input type="submit" name="" value="" />
  </form>
  <p class="clearfix"></p>
<ul class="rawFiles">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

到目前为止我已经尝试过

 $('.showProduction').closest('ul');

 $('.showProduction').closest('.rawFiles');

还有一些复杂的.find()，但我知道我只是为了让任何事情发挥作用而对这些想得太多。

Answer 1

试试这个:

$('.showProduction').nextAll("ul.rawFiles:first").find('...') 

所以:

$(".showProduction").on('click',function (){

   //do something with :   $(this).nextAll("ul.rawFiles:first").find('...')

});

示例:这将打印第一个后续 UL(LI)值的值。

http://jsbin.com/iJOsosa/8/edit

编辑:(OP澄清后)

http://jsbin.com/iJOsosa/5/edit