jQuery - 查找最后一个隐藏元素 ID

Question

所以我有这样的东西：

if ($("div[id^='special-']").is(':visible')&&($(open).is(':hidden'))) {
    $('.menu-show-box').hide('slide', {direction: 'left'}, 200).delay(220);
    var check=0;
}

有许多

DIV 具有.menu-show-box类，但当时只有一个可见。

它们也有像 #special-menu-1 、#special-menu-2 等 ID 一样。

这一切都有效，但我想知道如何获得我刚刚成功隐藏的元素的 ID：

 $('.menu-show-box').hide('slide', {direction: 'left'}, 

如果有人有想法？

Answer 1

我认为你需要每一个。

$('.menu-show-box').each(function(){
    $(this).hide('slide', {direction: 'left'}, 200).delay(220);
    console.log($(this).attr('id'));
});

Answer 2

您使用的隐藏 （ui-hide） 没有回调，但 animate 有。

$('.menu-show-box').animate({width:'toggle'}, 200, function(){
    console.log($(this).attr('id'));
}).delay(220);​

Answer 3

像这样解决：

jQuery('.menu-show-box').each(function(){
                        if (jQuery(this).is(':visible')) {
                        lastId = this.id;
                     }
             });