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

抓住最近的ul到一个按钮

1 个答案: