rimuovere <br> con jquery

Question

Ho il seguente markup che è solo una piccola parte del markup totale.

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

Vorrei rimuovere le due <br> tag.

Nota: ci sono altri tag <br> nella pagina prima e dopo questo che non desidero rimuovere.

Ho pensato di utilizzare un selettore di indirizzare il div dal src che contiene heading_shoppingcart.gif e qualcosa come .after e poi .remove il <br>.

Non sicuro della sintassi corretta o se esiste un modo migliore/più semplice per farlo.

Answer 1

Questo manterrà sicuro eventuali successive <br> elementi da sembravi alludere all'idea che potrebbe esserci qualcosa in più che dovrebbe essere preservato.

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

Answer 2

ne dite:

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

• Il [$=] è l'attributo 'si conclude con' selettore.
• .parent() sposta fino all'elemento contenente
• .nextAll() ottiene tutti i seguenti fratelli

Answer 3

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

Answer 4

Credo seguente funzionerebbe:

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

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