ID sucesivo?

[luxito]

Hola.
primero decir que se prácticamente nada de js, y recién estoy buscando información.
quería pedirles una ayuda.

encontré este script, que hace que un div hijo, ocupe el alto total de su div padre (es decir el 100%)

Código:

<script type="text/javascript">
$(document).ready( function(){
   var alto= $("#contenedor").height();
   $("#contenido").height(alto);
});
</script>

el problema es que quiero usar el script para varios divs, pero no me funciona si coloco el mismo id a todos los divs(supongo que es así, por que el identificador es único a un elemento).

como modificaría el script, para que al nombre del id, le sume un valor mas y valla aumentando cada vez que lo use?

por ejemplo al ID que le aumen un _1 y valla sumando _2 , _3,etc

cosa que solo cambiara los nombres de id de cada div.

Código:

<div id="contenedor_1"><div id="contenido_1"></div></div>
<div id="contenedor_2"><div id="contenido_2"></div></div>
<div id="contenedor_3"><div id="contenido_3"></div></div>
<div id="contenedor_4"><div id="contenido_4"></div></div>

Gacias de antemano

[David]

Sería más sencillo si usaras una clase para todos los divs en que vayas a realizar esa acción:

Código Javascript:

$(".contenedor").each(function() {
    // usar $(this)
})
 

[luxito]

Gracias por la respuesta.

usar la clase seria otro problema, ya que cada div tendrá distinto estilo.
por eso mi intención era mordicar lo que explique.
se podrá?

Gracias nuevamente.

[David]

Podrías usar dos clases. O también usar el selector por atributos:

Código Javascript:

$("div[id^=contenedor]").each(function() {
    // En cada iteración $(this) equivaldrá a un div cuyo id que empiece por "contenedor"
});
 

[luxito]

Gracias, me gusta mas esa seguna opcion.

disculpa la ignorancia, como uniría ambos script?

Código:

<script type="text/javascript">
$(document).ready( function(){
   var alto= $("#contenedor").height();
   $("#contenido").height(alto);
});
</script>

con el que me indicas?

Código:

 $("div[id^=contenedor]").each(function() {
 // En cada iteración $(this) equivaldrá a un div cuyo id que empiece por "contenedor"
      });

por cierto son 2 ID #contendor y #contenido.

gracias nuevamente.