Удалить <br> Теги в пределах определенного div

Question

Так что я работаю над настраиваемым решением с форумом. У меня нет полного доступа для редактирования всего, но я могу добавить Javascript вверху. Короче говоря, у меня есть DIV с кодом, который выглядит следующим образом:

Мне нужно это, чтобы показать точно, как это для другой Javascript для правильной работы.

К сожалению, когда я ввожу это в редакторе WYSIWYG, который находится на форуме, это добавление BR теги после каждой строки, а не поддерживать это в коде, так что я получаю:

<div class="mermaid"> 

<br> 

graph TD; 

<br> 

A[ISE when booking]--&gt;B; 

<br> 

B[Go to the Details tab of the Customer's profile/Employees profile]--&gt;C; 

<br> 

C["Check to see if there are any strange or special characters (letters, numbers, etc)"]--&gt;D; 

<br> 

D[If there are, remove them and try the booking again]; 

<br> 

</div> 

Мое предложенное решение должен иметь другой файл javascript, который идет, и удаляет все теги br в этом «русалке» div перед тем, как запускается другой javascript. Есть ли у кого-нибудь советы о том, как с этим справиться? У меня есть базовое понимание JQuery и как удалить элементы, я просто не уверен, как настраивать элементы только в этом div.

Answer 1

Вы можете сделать так:..

jQuery(function($) { 
    $('.mermaid').find('br').each(function() { 
     $(this).remove(); 
    }); 
});