Question

jQuery/JS，如何使用getElementByTagName()方法来实现效果？(详见补充)

<div class="tright">
<ul>
<li>
<a href="javascript:void(0)">
<i class="tb top-user"></i>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="tb top-password"></i>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="tb top-sz"></i>
</a>
<ul class="dropdown-menu animated flipInY" style="display:none;">
<li><a href="javascript:void(0)"><i class="zmdi m-r-md zmdi-hc-lg zmdi-account-box"></i>内部通知</a></li>
<li><a href="javascript:void(0)"><i class="zmdi m-r-md zmdi-hc-lg zmdi-balance-wallet"></i>内部通知</a></li>
<li><a href="javascript:void(0)"><i class="zmdi m-r-md zmdi-hc-lg zmdi-phone-msg"></i>内部通知<span class="label label-primary">3</span></a></li>
<li><a href="javascript:void(0)"><i class="zmdi m-r-md zmdi-hc-lg zmdi-info"></i>内部通知</a></li>
</ul>
</li>
</div>

已经使用如下代码实现下拉菜单效果(给id等方法知道如何做，不用写了)
$(function(){
$('.tright ul li').hover(function(){
$('.flipInY',this).slideToggle('fast');
});
});

若使用getElementByTagName()实现该效果，应该如何写？

Answer 1

<script type="text/javascript">
    $(function () {
        function slide() {
            var ul = document.getElementsByTagName('ul'),
                len = ul.length,
                className;
            while (--len) {
                className = ul[len].className;
                if (className && className.indexOf('flipInY') > -1) {
                    $(ul[len]).slideToggle('fast');
                    break;
                }
            }
        }
        $('.tright ul li').hover(slide);
    });
</script>