¿Cómo puedo eliminar botones específicos, por ejemplo, tengo
<div> <button>1</button> <button>2</button> <button>3</button> </div>entonces quiero eliminar botones específicos en jquery, intenté usar una función de eliminación como esta
$('button').remove(2)pero no funciona ¿Conoces otras opciones para resolver este problema?
También puede usar el selector secundario nth
$("button:nth-child(2)").remove(); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script> <div> <button>1</button> <button>2</button> <button>3</button> </div>.remove() acepta un selector opcional, no un índice.
Si está tratando de eliminar el tercer botón (índice 2), intente reducir la selección usando .eq()
$("button").eq(2).remove() <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" integrity="sha512-6ORWJX/LrnSjBzwefdNUyLCMTIsGoNP6NftMy2UAm1JBm6PRZCO1d7OHBStWpVFZLO+RerTvqX/Z9mBFfCJZ4A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div> <button>1</button> <button>2</button> <button>3</button> </div>o para múltiples índices consecutivos, use .slice()
$("button").slice(0, 2).remove() // remove the first twoSi está tratando de eliminar el botón con contenido de texto "2" , puede usar el selector :contains() o usar un .filter() más preciso
// $("button").remove(":contains(2)") $("button").filter((index, el}) => el.textContent.trim() === "2").remove() <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" integrity="sha512-6ORWJX/LrnSjBzwefdNUyLCMTIsGoNP6NftMy2UAm1JBm6PRZCO1d7OHBStWpVFZLO+RerTvqX/Z9mBFfCJZ4A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div> <button>1</button> <button>2</button> <button>3</button> </div>