Obtener id's de divs hijos, jQuery UI

[yeudiel]

Buenas tardes:

Primero que nada gracias por el tiempo que le dan a este tema al leerlo. Ahora, tengo una consulta, ojala que me pueden ayudar. Estoy trabajando en un pequeño script para drag and drop de algunos elementos, son div's pero tengo div's padres (.embarques) y div's hijos (.especie). Al momento de arrastrarlos al contenedor (.corral1) quisiera obtener los id's de los elementos, en el caso de arrastrar un div hijo, solo obtener el id de ese elemento, pero al momento de arrastrar un div padre, obtener el id de todos los div's hijos que contenga. Se como obtener el id de un solo elemento que se arrastro y solto dentro del contenedor pero no se como hacerlo para un div padre y mas que nada para que detecte si es un div padre o hijo el que se solto y realizar las funciones necesarias para guardar ese id en una variable, ya sea como un array o como una cadena de texto separada por comas.

Código HTML:

$(".corral1").droppable({
                    accept: ".especie, .embarques",
                    activeClass: "corral1Active",
                    hoverClass: "corral1Hover",
                    drop: function( event, ui ) {
                    $('.info').text('Animal número: '+ui.draggable.attr('id'));// Aqui obtengo el id del elemento hijo y lo imprimo en la pagina
            }
                });

Ojala me puedan ayudar.

Saludos y Gracias

[masterpuppet]

Que tal yeudiel,

para saber si es un hijo o un padre puedes utilizar la clase css del elemento y para obtener los hijos puedes utilizar find, algo asi:

Código Javascript:

...
drop: function( event, ui ) {
   //array de ids
    var ids = ui.hasClass('especie') 
            ? [ui.attr('id')]
            : ui.find('.especie').map(function(){ return this.id; }).get();
    //para transformar a string
    //var ristra = ids.join(',');
}
...
 

Saludos.

[yeudiel]

Muchas gracias masterpuppet

Me ha servido de maravilla, ahora lo que sigue es leerme toda la doc del hasClass, find y map.

Porque me gusta el buen karma se que a ti tambien.

Saludos

[InKarC]

Código Javascript:

var ids = ui.hasClass('especie') 
            ? [ui.attr('id')]
            : ui.find('.especie').map(function(){ return this.id; }).get();
 

Que código mas lindo y hermoso, parece hecho por mi lol.

Aqui una alternativa:

Código Javascript:

drop: function( event, ui ) {
 
var ids = "";
ui.hasClass("especie") ?
ids=ui[0].id :
ui.find(".especie").each(function(){ids += this.id + ","});
 
}
 

[caricatos]

Tema movido desde AJAX