Question

我有一个包含多个实例的页面，其中包含以下代码：

<div class="company">
  <a class="toggle" id="<%= "tgl#{company.id}" -%>">...</a>
  <p>...other stuff...</p>
  <div class="clear"></div>
  <div class="expand_me companyExpand" id="">...

此代码显示每个“面板”的开头。当用户点击.toggle时，我需要使用Jquery切换.expand_me。

到目前为止，这是我的代码 - 它不起作用，我认为这是由于遍历问题。

$( ".toggle" ).click(function() {
  $(this).parent().children(".expand_me").toggle( "blind", {}, 500, callback );
});

我该如何解决这个问题？

Answer 1

$( ".toggle" ).click(function() {
  $(this).siblings(".expand_me").slideToggle( 500, callback );
});

Answer 2

最安全的方式是

$( ".toggle" ).click(function() {
  $(this).closest('.company').find('.expand_me').toggle( "blind", {}, 500, callback );
  return false; // to avoid following the actual link
});

另请注意，您必须已定义方法callback才能使用此方法。（或使用您想要的功能名称，而不是）
我这样说，以防你只是从jquery示例中复制/粘贴代码。

示例http://jsfiddle.net/gaby/duAue/

Jquery遍历问题

2 个答案: