<!-- language: lang-js --> $('.clear-icon').click(function(){ $('input').val(''); }) <!-- language: lang-html --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="input-outer"> <input type="text"> <button class="clear-icon">X</button> </div> <div id="input-outer"> <input type="text"> <button class="clear-icon">X</button> </div> <!-- end snippet -->Estoy tratando de borrar un valor solo, pero ambos valores se eliminan. ¿Cómo puedo controlarlo borrando solo el campo de entrada en el que se hace clic en el botón?
Agregar siblings
$('.clear-icon').click(function(){ $(this).siblings('input').val(''); }) $('.clear-icon').click(function(){ $(this).siblings('input').val(''); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="input-outer"> <input type="text"> <button class="clear-icon">X</button> </div> <div id="input-outer"> <input type="text"> <button class="clear-icon">X</button> </div>