obtenga la ID de la última DIV dentro de una DIV usando jQuery

Question

Tengo lo siguiente.

<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> 

¿Cuál es la forma correcta de obtener el id del último contenedor div dentro usando jQuery?

Answer 1

Usted puede intentar esto:

Código jQuery

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

Answer 2

Bien se puede hacer esto:

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

o si sólo desea incluir divs que son hijos directos de #container (suponiendo que el código del mundo real tiene más elementos y podría tener divs dentro del divs) cambio el selector anterior a "#container > div".

Pero tenga en cuenta que no hay una sola forma "correcta".

Answer 3

Prueba esto:

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

Answer 4

Usted puede utilizar el método .last() que le ayudará a hacer coincidir el último elemento.

A continuación, puede obtener la id

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

See demo.

More on jquery .last()