Aquí tengo un component que quiero cambiar el nombre de clase/id de jquery , todos mis códigos de jquery en la etiqueta <script> no se actualizan después de cambiar los nombres de clase/id

por ejemplo:

 class OrderFormComponent extends Component { public string $current_span = ''; public function render() { return view('livewire.front.order-form-component'); } }

vista:

 @push('scripts') <script> $("{{$current_span}}").removeClass("active-process"); $("#section-2").on("click", ".next-level-2", function (e) { @this.set('current_span', '#pstep-1>span'); }); </script> @endpush </div>

aquí quiero cambiar la variable current_span a #pstep-1>span haciendo clic en #section-2 y usarla en $("{{$current_span}}").removeClass("active-process");

cuando pongo $("{{$current_span}}").removeClass("active-process"); fuera del script funciona bien