1

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

我的问题是，我试图在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()的，但我知道我只是想太多，努力让任何事情发挥作用。

4

1 回答 1

3

尝试这个 ：

$('.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

于 2013-11-05T18:59:21.630 回答