Como dice el título, estoy tratando de actualizar los menús desplegables que llené en una hoja de tiempo con jQuery cada vez que cargo mi tabla. Entonces, hay como 28-31 días y cada día tiene su propio menú desplegable con id="dayType1" hasta 31. Esperaba que hubiera una forma de iterar en el selector jQuery, pero por lo que leí, no es posible. ? Traté de poner cada vez que se ejecuta sobre la iteración una nueva ID como una cadena y luego pegarla en la función como selector, pero eso tampoco parece funcionar. Así que ahora invoco a los dioses de jQuery para que ayuden a este campesino. :)
Mantengo los valores de los menús desplegables en una lista separada para que, a medida que avanza la iteración, la lista tenga los valores a los que necesito cambiar los menús desplegables en orden en el mismo lugar. (Por lo tanto, el menú desplegable 8 debe configurarse como el número entero guardado en la lista en el octavo lugar).
Primero tenía hojas de tiempo de solo una semana y podía hacer esto:
function setDayTypes() { $('#dayType1').val(dayTypeList[0]); $('#dayType2').val(dayTypeList[1]); $('#dayType3').val(dayTypeList[2]); $('#dayType4').val(dayTypeList[3]); $('#dayType5').val(dayTypeList[4]); $('#dayType6').val(dayTypeList[5]); $('#dayType7').val(dayTypeList[6]); } Pero ahora tengo hojas de tiempo de un mes y no todos los meses son iguales. ¿Hay una forma limpia de iterar sobre estas identificaciones? En dayTypeList están los valores para las entradas.
Esto funciona muy bien, gracias.
$( "td .dayType" ).each(function( index ) { $(this).val(dayTypeList[index]) });