Usando jQuery, ¿cómo puedo eliminar una etiqueta de anclaje en mi cuerpo html que también consta de un div de envoltorio, y este div de envoltorio está encima de la etiqueta de anclaje que quiero eliminar?
Es como
<body> <div id="wrapper"> <a id="not_me" href="#">hi</a> </div> <a id="remove_me" href="#">Remove Me</a> </body>si uso
$("body").find("a:first-child").remove();elimina la primera etiqueta de anclaje en mi contenedor div ie one con id "not_me", mientras que quiero que se elimine "remove_me".
$("body").children("a:first").remove(); Utiliza children() (docs) porque solo desea apuntar a los niños directos de body .
Luego use "a:first" como selector para apuntar al primer elemento <a> .
Esto se debe a que con el first-child-selector (docs) solo obtendrá el <a> si es el primer hijo de su padre (que no lo es). Pero con el first-selector (docs) obtienes el primer <a> que coincidió.
La alternativa sería colocarlo todo en un selector:
$('body > a:first').remove(); Igual que arriba, pero usa el > child-selector (docs) en lugar del método children() (docs) .
Desea usar children() para buscar solo en niños directos, y puede usar :first o eq(0) para eliminar el primero:
$("body").children("a").eq(0).remove();por qué no intentas:
$("#remove_me").remove()no se si esta mal, todavia estoy aprendiendo :P