encontrar el centro de divs generados dinámicamente

Tengo una página que contiene n cantidad de divs en columnas de 3. Los divs tienen anchos potencialmente diferentes, y algunos divs contendrán una imagen, mientras que otros contendrán dos. La imagen número uno siempre está centrada en el div. Desafortunadamente, la forma en que se genera la página es imposible tener la imagen número 2 a una distancia determinada y constante de la imagen número uno, que es lo que estoy tratando de lograr.

Cada imagen número 2 tiene un ID de cliente asp.net único seguido de un icono, por ejemplo, ctl00_icon.

Cada imagen tiene el mismo nombre, ¡no es obra mía!

Ninguno de los divs tiene una identificación

Entonces, lo que pensé en hacer fue: obtener el ancho de cada div, dividirlo en 2 y usar esto para darle a mi imagen 2 un punto de referencia para el posicionamiento.

¿Algún consejo sobre cómo podría lograrlo? ¿O hay un mejor camino? Gracias Stu

preguntado el 16 de mayo de 11 a las 20:05

1 Respuestas

Debe haber alguna forma de identificar los divs para obtener el ancho. Pruebe una de las dos formas siguientes:

Por elemento padre:

$('div.parent').children('div').eq(1).width(); // this is the second child div

Por hijo único:

$('img[src*=unique_id]').closest('div').width();

Luego puede usar ese ancho en sus cálculos para el posicionamiento de la imagen.

contestado el 17 de mayo de 11 a las 01:05

Gracias por tu respuesta. Si hay varios divs, ¿no necesitaría usar algo como cada método para iterar a través de ellos? - hoakey

Sí, leí mal tu publicación. Haz algo como: $('div.parent').children('div').each( function() { this.width()...}) - glortho

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.