¿Deseas eliminar la etiqueta usando jquery? - javascript, jquery, html, wordpress

Buen día.

En realidad, es el sitio de WordPress, pero necesito la solución general usando jquery (si es posible) Estoy tratando de eliminar el
etiqueta al lado del final del div.

Mira, estoy usando el div como aquí

    <div class="one_third">
<p>This is for testing</p>
</div>
<br> <!--This one -->
<div class="one_third">
</div>
<br><!--This one -->
<div class="one_third">
</div>
<br><!--This one -->

En el ejemplo anterior estoy usando la clase deone_third en un div dentro de este div también estoy usando la etiqueta br. Pero todo lo que quiero es eliminar la etiqueta br que está fuera del div, quiero decir al final del div en jquery.

</div>
<br>

No estoy seguro de cómo hacer esto en jquery (en realidadIntento con wordpress deshabilitar wpautop también está eliminando la etiqueta br que está dentro del div (no quiero quitar la etiqueta br dentro del div solo fuera del div, es decir, el final del div)).

Cualquier sugerencia sería buena :)

Gracias, vicky

Respuestas

6 para la respuesta № 1

Es el próximo hermano del elemento con clase. one_third

$(".one_third").next("br").remove()

Manifestación: Violín

---

7 para la respuesta № 2

Simplemente debe colocar el HTML en una línea.
insertos de wpautop <br> en nuevas líneas, por lo que colocar el código HTML en una línea evita todo el problema.

<div class="one_third"><p>This is for testing</p></div><div class="one_third"></div><div class="one_third"></div>

La forma en que estructura el marcado es todo cuando wpautop está habilitado.

---

3 para la respuesta № 3

Una solución que no sea JavaScript sería un simple selector de hermanos CSS

.one_third + br {
display : none;
}

Si realmente desea usar jQuery, puede usar el mismo selector y usar remove()

$(".one_third + br").remove();

---

3 para la respuesta № 4

Puedes usar next() y remove() métodos en jQuery para eso

$(".one_third").next("br").remove();

---