Tengo un proyecto en Laravel 8. Estoy tratando de permitir que las personas cambien su foto de perfil desde una galería. Así es como muestro todas las imágenes disponibles.
@foreach(glob(storage_path('app/public/gallery/*.png')) as $image) <div class="col-2 mb-3"> <label for="{{ basename($image, '.png') }}" class="w-100"> <img src="{{ url('storage/gallery/' . basename($image)) }}" width="100px" height="100px" /> <input type="radio" name="profilephoto" value="{{ url('storage/gallery/' . basename($image)) }}" id="{{ basename($image, '.png') }}" /> </label> </div> @endforeach(HTML GRATIS)
<label for="photo1" class="w-100"> <img src="https://example.com/storage/gallery/photo1.png" width="100px" height="100px" /> <input type="radio" name="profilephoto" value="https://example.com/storage/gallery/photo1.png" id="photo1" /> </label> <!-- ... more labels&inputs --> Y estoy tratando de seleccionar a través de jQuery el elemento <img> para poder agregarle algunos efectos visuales. Así es como estoy tratando de hacerlo:
$('input[type="radio"][name="profilephoto"]').on('change', function() { $('label[for="' + $(this).attr('id') + '"]').find('img').addClass('border') });Pero no está funcionando. ¿Alguna idea de cómo hacerlo?
Aquí está su alma:
this como: onclick="some(this)" some(eve) { parent = $(eve).parent(); } image = $(parent).find(img);image .