我想得到div的ID是從最後一個顯示塊到第一個div？

Question

實施例：

<div id="parent"> 
    <div id="1" style="display:block"></div> 
    <div id="23" style="display:block"></div> 
    <div id="42" style="display:block"></div> 
    <div id="32" style="display:none"></div> 
</div> 

根據該示例我想要得到的div ID的id = 42處於第二最後位置。我想找到顯示塊的div，並從最後找到。

Answer 1

你的情況u可以使用：

var last_id = $('div:visible').last().attr('id'); 

Answer 2

您可以通過這種方式找到它

$("#parent div[style*='display:block']'").last().attr("id") 

見的jsfiddle http://jsfiddle.net/UhzRU/4/

如果你想找到所有可見的div（不僅顯示：塊），這將是更好地使用這種

$("#parent div:visible").last().attr("id") 

Answer 3

這適用於您的測試HTML

x = $('#parent div').filter(function() {if ($(this).css('display') == 'block') return $('this')}); 
x = x[x.length - 1]; 

x現在是display: block;

Answer 4

我想獲得ID爲DIV是顯示塊從後到前格的最後一個div？

here's a demo

$(function(){ 

    var ids = []; 

    $('#parent > *').filter(function(){ 
     return this.style.display === 'block'; 
    }).each(function(){ 
     ids.unshift(this.id); 
    }); 

    console.log(ids) 
});​ 

Answer 5

使用第n-最後子函數：這裏是一個鏈接

http://benalman.com/projects/jquery-misc-plugins/#nth-last-child

(function($){ 
    '$:nomunge'; // Used by YUI compressor. 

    $.fn.queueFn = function(fn) { 
    var i, 
     that, 
     args = Array.prototype.slice.call(arguments, 1); 

    if (typeof fn === 'boolean') { 
     if (fn) { 
     that = this; 
     i = this.length; 
     } 
     fn = args.shift(); 
    } 

    fn = $.isFunction(fn) ? fn : $.fn[ fn ]; 

    return this.queue(function(){ 
     !--i && fn.apply(that || this, args); 
     $.dequeue(this); 
    }); 
    }; 

})(jQuery); 

var elems = $('#parent div:nth-last-child(2)'); 
alert(elems.attr('id')); 

Answer 6

我希望這個作品

var reqId = "" 
var child = $("#parent").children().last(); 
while($(child).css("display")!="block" && $(child).length!=0){ 
    child = $(child).prev(); 
} 
if($(child).length!=0){ 
    reqId = $(child).attr("id"); 
}