eliminar <br> con jquery

Question

Tengo el siguiente marcado que es solo una pequeña parte del marcado total.

<div align="center"> 
    <img src="v/vspfiles/templates/100/images/headings/heading_shoppingcart.gif"> 
</div> 
<br><br> 

Me gustaría eliminar las dos etiquetas <br>.

Nota: hay otras etiquetas <br> en la página antes de esto y después de esto que no quiero eliminar.

I pensado en utilizar un selector para apuntar el div por el src que contiene heading_shoppingcart.gif y algo así como .after y luego .remove la <br>.

No está seguro de la sintaxis correcta o si hay una forma mejor o más sencilla de hacerlo.

Answer 1

Esto retendrá con seguridad cualquier <br> elementos posteriores desde parecías aludir a la idea de que puede haber más que deba conservarse.

$('img[src$=heading_shoppingcart.gif]').parent().nextUntil(':not(br)').remove(); 

Answer 2

¿Qué tal:

$("img[src$='heading_shoppingcart.gif']").parent().nextAll('br').remove() 

• El [$=] es el 'atributo termina con' selector.
• .parent() se desplaza hasta el elemento que contiene
• .nextAll() obtiene todos los siguientes hermanos

Answer 3

$('[src~=images/headings/heading_shoppingcart.gif]').parent().nextAll('br').remove(); 

Answer 4

Creo que el siguiente funcionaría:

var br1 = $("img[src='v/vspfiles/templates/100/images/headings/heading_shoppingcart.gif']").parent("div").next("br"); 

br1.add(br1.next("br")).remove();