Estoy tratando de cambiar un elemento de un archivo externo (archivo A) en el archivo B. ¿Cómo cambio el fondo de la clase específica ("cuerpo de tarjeta" cuya clase secundaria tiene "input_container" o texto de "...") SIN agregar otra identificación para especificar, ya que "cuerpo de tarjeta" se usa en otras partes de ¿el archivo? (La razón por la que no puedo agregar una identificación para especificar es que el archivo A está dentro del archivo de accesorios)

¡Muchas gracias de antemano!

presentar un:

 <div class="card-body py-3"> <div class="input_container” data-label="incentive">…</div> <div id="incen_text" class="py-3 input_container”>;;;</div> </div>

ArchivoB:

 <label for="Color">Choose your color</label> <input type="color" id="Color" value="#ff0000">…. <script> $(function(){ $("#Color").on("change", function(){ $('.card-body').each(function(){ if($(this).children().hasClass('.input_container')) { $(this).css(“background-color”, $('#Color').val()) }; }); }); });

También probé esto:

 <script> $(function(){ $("#Color").on("change", function(){ $('.card-body').each(function(){ x=$(".input_container").text(); if(x == “…”){ $(this).css(“background-color”, $('#Color').val()) } }); }); }); </script>