移除所有<br>字符串中的标签 - 未按预期工作

Question

I have tried a dozen of solutions and nothing seem to help.

HTML:

<div class="mont-text-content mobile">С чего следует начинать запуск своего бизнеса.
    <br><br>Как и где находить идеи для бизнеса.
    <br><br>Как справляться со своими страхами и обрушивающейся критикой родных, друзей и знакомых. Когда вам говорят, что ничего не получится?
    <br><br>Как понять, что вам действительно следует ступать на путь предпринимательства и заниматься бизнесом, а не работать на дядю с 9 до 18.
    <br><br>Как себя мотивировать и находить силы, чтобы не сдаться?
    <br><br>На все эти и другие вопросы вы найдете ответы на нашем юридическом бизнес-вебинаре.</div>

<div class="mont-text-content mobile">Правильный выбор видов деятельности и организационно-правовой формы вашего будущего бизнеса является очень важным фактором.
    <br><br>Во-первых, для легализации деятельности, возможности открытого взаимодействия с государственными и частными органами, контрагентами, инвесторами и пр., оптимизации операций, которые подлежат налогообложению.
    <br><br>А во-вторых, для возможности действовать в рамках правового поля, используя законодательство в качестве мощного инструмента для защиты и развития своего бизнеса.
    <br><br>Вы узнаете, в чём состоит отличие ФЛП на 1 группе от 2 и 3 групп. А также какая организационно-правовая форма, по состоянию на сегодня, является самой оптимальной и менее «затратной» для бизнеса.</div>

JS:

$( ".mont-text-content.mobile" ).each(function( index ) {
    let content = $(this).text();
    let newContent = content.replace(/^(\s*<br\s*\/?\s*>\s*)*|(\s*<br\s*\/?\s*>\s*)*\s*$/g, '');
    alert( index + ": " + newContent );
});

And here is a link to a JSFiddle

As you can see, the <br> tags are converted into strange uni-code characters and are not being removed from the string.

Answer 1

You can do something like this though i'm not sure if this will be most effective:

 var x =    $( ".mont-text-content.mobile" ).html();
 var res = x.replace('<br>',"");
 $(".mont-text-content.mobile" ).html(res);

Answer 2

you can do something like this sorry for replacing with random text it's just to be more clear.

 $(".mont-text-content.mobile").each(function() { $(this).html($(this).html().replace(/\<br>/g, "")); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="mont-text-content mobile"> Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit</div> <div class="mont-text-content mobile"> Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>

Answer 3

You can do this simply some way like this one:

document.querySelectorAll('.mont-text-content').forEach((divElm) => {
    Array.from(divElm.children).forEach((elm) => {
        if (elm.tagName === 'BR') {
            elm.remove();
        }
    });
});

It is in ES6. But it is easy to rewrite to ES5.

In first I finded all elements with class name and than itinerate these elements in forEach loop.

Next is needed convert List of HTML elemets to array and go throw the array and remove the element if it is a br tag.