lấy ID của DIV cuối cùng bên trong DIV bằng cách sử dụng jQuery

Question

Tôi có dưới đây.

<div id=container> 
    <div id=box1></div> 
    <div id=box2></div> 
    <div id=box3></div> 
    <div id=box4></div> 
    <div id=box5></div> 
    <div id=box6></div> 
</div> 

Cách chính xác để lấy id của div cuối cùng bên trong vùng chứa bằng jQuery là gì?

Answer 1

Bạn có thể thử này:

jQuery Mã

$(document).ready(function(){ 
    $('#container').children().last().attr('id'); 
}); 

Answer 2

Vâng, bạn có thể làm điều này:

$("#container div").last().attr("id") 

Hoặc nếu bạn chỉ muốn bao gồm các div đó là con trực tiếp của #container (giả sử mã thực tế của bạn có nhiều yếu tố và có thể có các div bên trong div) thay đổi bộ chọn ở trên là "#container > div".

Nhưng lưu ý rằng không có cách nào "chính xác".

Answer 3

Hãy thử điều này:

var id = $('#container div:last').attr('id') 

Answer 4

Bạn có thể sử dụng .last() phương pháp này sẽ giúp bạn để phù hợp với người cuối cùng thành phần.

Sau đó bạn có thể nhận được id

$('#container div').last().attr('id'); 

See demo.

More on jquery .last()