日期:2014-05-16  浏览次数:20396 次

jquery在ie下无法选择兄弟节点

<html>
<head>
<script src="jquery-1.4.2.js"></script>
<script>
$(function(){
var v=$("#li1a").siblings()[0].innerHTML;
alert(v);
})
</script>
</head>

<body>

    
    <li id="li1a">li1</li>
<ul>ul1
<li>ul1--li</li>
</ul>
<li>li2<li>


</body>
</html>



火狐显示

ul1
<li>ul1--li</li>

ie显示

li2

也就是说在ie下没法选择那个ul吗?

------解决方案--------------------
html 结构要完整

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    $(function(){
        var v=$("#li1a").next().html();
        alert(v);
    })
</script>
</head>
 
<body>
 
  <ul>
    <li id="li1a">li1</li>
    <li>
<ul>ul1
  <li>ul1--li</li>
</ul>
</li>
   
    <li>li2</li>
  </ul>
  
</body>
</html>

------解决方案--------------------

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(function(){
        var list = $("#li1a").siblings();
        for(var i = 0; i < list.length;i++){
alert(list[i].innerHTML);
}
    })
</script>
</head>
 
<body>
<li id="li1a">li1</li>
<ul>ul1
<li>ul1--li</li>
</ul>
<li>li2</li>
</body>
</html>

------解决方案--------------------
当规范的,遇到不规范时。
只能自己写。