Estoy trabajando en un código heredado. Para la primera fase de refactorización, estoy actualizando todos los scripts a jQuery, porque están cambiando de manera inconsistente entre Vanilla JS y jQuery. Todo ha sido fácil de convertir. Sin embargo, tengo problemas para tratar de averiguar cómo obtener parámetros de una función de JavaScript en un selector/función de jQuery.

Por contexto, los autores originales escribieron esta función JS genérica:

 // Submits the specified form and command. function globalSubmitForm(formName, elementName, commandText) { document.getElementById(elementName).value = commandText; document.getElementById(formName).submit(); }

Reescribí la función como:

 function globalSubmitForm(formName, elementName, commandText) { $('#elementName').attr('value', 'commandText'); $('#formName').submit(); }

Sin embargo, como estoy seguro de que ya verá, el selector y las funciones de jQuery están leyendo el texto palabra por palabra, sin hacer referencia a los parámetros de la función.

No he intentado experimentar mucho. Todavía soy nuevo en JavaScript y jQuery y he estado viviendo dentro de la documentación de jQuery durante gran parte de mi refactorización. Sin embargo, no he podido encontrar ninguna documentación o respuestas.

Lo único que he probado es esto:

 $('#' + elementName).attr('value', commandText); $('#' + formName).submit();

Sin embargo, todavía no estoy en un punto en el que pueda probar esto. Mi IDE (PhpStorm 2021.3) ya no inspecciona que los parámetros de la función JS no se usen, pero siento que podría haber una mejor manera de escribir esto.

Creo que eliminar las comillas de commandText funcionará correctamente ya que el argumento esperado es una cadena. Pero concatenar los parámetros en el selector jQuery se siente torpe y no me sienta bien.