jQuerysiblings()/next() 在 IE 中不起作用

Question

这个 jQuery 脚本适用于 Firefox，它会发出警报。但它在 IE 7 中不起作用。知道出了什么问题吗？

标记:

<td class="tdnotes">
  <a title="" class="notes" id="order-1" href="#">
   <!-- an image -->
  </a>                              
  <div style="display: none;" id="wrap-order-1" class="thenotes">
   <!-- text area, input elements -->
  </div>
 </td>

脚本:

  $(function(){  

    $("a.notes").click(function() {
        alert($(this).siblings().attr("class"));
        // I have tried .next() but didn't work as well 
        // alert($(this).next().attr("class"));
        return false;
    }); 

  });

Answer 1

它在 Firefox 和 IE7 中都能正常工作 - 这是一个 Working Demo 使用您的代码。

karim79就在那 siblings() 会给你一个集合，但是链接 attr() 到siblings()将为您获取匹配集中第一个元素的指定属性。自 <a>与类notes在本例中只有一个同级，那么这对于本例中的预期效果很好。如果您想获取包装集中所有同级的类属性，那么您需要以某种方式迭代它们，最有可能使用 each() 或 map()