IE下的nextElement

问题表述：

结构：

1
2
3
4
5
6
7
8
9
10
11
<li class="gzf-tab">
    <div class="gzf-tab-more">
        <i class="iconfont common">&#xe65d;</i>
        <a href="javascript:void(0);">直播管理</a>
        <i class="iconfont arrow">&#xe62e;</i>
    </div>
    <ul class="tab-more none">
        <li class="icon-now"><a href="/Workshop/myLive">我的直播</a></li>
        <li><a href="/Workshop/addLive">发布直播</a></li>
    </ul>
</li>

结果：


方法：

1
2
3
4
5
6
7
8
9
10
11
function getNextElement(node){
    var NextElementNode = node.nextSibling;
    while(NextElementNode.nodeValue != null){
        NextElementNode = NextElementNode.nextElementSibling;
    }
    return NextElementNode;
};
$('.gzf-tab-more').click(function(){
    $(getNextElement(this)).fadeIn(500).parent().siblings().find('.tab-more').hide();
});
【兼容性】, IE下的nextElement