jquery - IE 没有得到正确的下一个元素

Question

假设我点击<div class="span10 -configGroup-title" >

在 IE 中$(this).parent().next().next()取回<img alt="arrow" src="../arrow_normal.png" class="-arrow" />

在 Chrome 中，它得到<div id="seconddiv"/>

 <div class="row">
     <div class="span10 -configGroup-title" >
          <img alt="arrow" src="../arrow_normal.png" class="-arrow" />
          <img alt="arrow" src="../arrow_down.png" class="-arrow" style="display: none;" />
          <asp:Literal ID="ltGroupAttrName" runat="server" />
     </div>  
 </div>  
 <asp:ListView ID="lvProperties" runat="server" EnableViewState="true"  />
<div id="seconddiv"/>

Answer 1

我想正在发生的事情（尽管我无法确定没有看到完整的代码并能够对其进行测试）是您实际上是在单击其中一个孩子<div class="span10 -configGroup-title">时，您正在尝试单击其div本身（这是有道理的，因为这两个img标签将处于比div) 更高的拓扑级别。

您可以尝试通过插入一些代码来调试它以显示$(this). 这可能会说明你正在发生什么。

Answer 2

尝试这个：

$(this).parent(".row").siblings("#seconddiv");