Tengo el siguiente script jQuery que necesito ejecutar para una larga lista de objetos.

 $("#ID_001").change(function(event) { event.preventDefault(); if(map.hasLayer(ID_001)) { $(this).removeClass('selected'); map.removeLayer(ID_001); } else { map.addLayer(ID_001); $(this).addClass('selected'); } });

Que he hecho

Utilizando el siguiente recurso:

• api.jquery.com
• jquery-loop-para-script
• jquery-for-each-looping-a-list-of-objects

No creo que esta sea una pregunta duplicada de la anterior, ya que incluye una función de controlador de eventos.

He escrito el siguiente ciclo pero esto todavía no funciona. No puedo entender dónde está el problema.

 var obj = { "#ID_001": "ID_001", "#ID_002": "ID_001" }; $.each( obj, function( key, value ) { $(key).change(function(event) { event.preventDefault(); if(map.hasLayer(value)) { $(this).removeClass('selected'); map.removeLayer(value); } else { map.addLayer(value); $(this).addClass('selected'); } }); });

¿Alguien puede explicarme dónde está el problema?

Más detalles

El script es parte de los botones de control del mapa LeafLet. Chrome DevTool muestra este mensaje de error cuando hago clic en el elemento #ID_001 , por lo que creo que el problema es que la variable de value no obtiene el valor adecuado.

TypeError no detectado: no se puede crear la propiedad '_leaflet_id' en la cadena 'L_puntiA' en m (Util.js:56) en i.hasLayer (Layer.js:211) en HTMLInputElement. (mymap_main.js:103) en HTMLInputElement.dispatch (jquery-3.3.1.slim.min.js:2) en HTMLInputElement.v.handle (jquery-3.3.1.slim.min.js:2)