Как найти и удалить из текста определенные элементы?

Question

[Михаил Р.]

Всем привет!
Необходимо на странице найти и удалить элементы, которые подходят 'под описание': <p>&nbsp;</p>, <p></p>.
Не могу сообразить, в какую сторону вообще копать, пробовал сделать через регулярку, но особо не получилось.

UPD (дополнил вопрос):
На входе имеем: Страницу с текстом.
Что необходимо: Найти на странице <p>&nbsp;</p> и <p></p>, если подобное найдено - удалить эти элементы со страницы.

Подскажите плиз, Спасибо!

Comments

[adrewind]

Стоит уточнить со страницы или из текста? Страница в браузере или вы ёё на сервере обрабатываете?

[Михаил Р.]

adrewind: все манипуляции будем проводить на странице в браузере

Answer 1

[adrewind]

Если хотите регулярками

"<p>&nbsp;</p> sometext <p></p>".replace(/<p>(&nbsp;)?<\/p>/gi, "")

Но в идеале для начала необходимо распарсить HTML код. Затем вы можете искать при помощи css selector'ов или xpath. Если вы делаете это в браузере то юзайте document.querySelectorAll или Document.evaluate соответственно.

Для ваших нужд лучше подойдет xpath, используйте https://scrapinghub.github.io/xpath-playground/ для того чтобы проверить своё выражение перед использованием.

Comments

[Михаил Р.]

опробовал двумя вариантами, оба не сработали...

replace(/<p>(&nbsp;)?<\/p>/gi, "");
$('body').replace(/<p>(&nbsp;)?<\/p>/gi, "");

[adrewind]

Mike Ro: Понимаете, $('body') это не текст, это массив элементов.
Если вы хотите с jquery то придется искать все p теги и фильтровать, :contains не прокатит

$("p").filter(function() {
    const html = $(this).html();
    return html === "&nbsp" || html === "";
})

[Михаил Р.]

adrewind: допустим, а что мне дальше с этим делать?

var page = $("p").filter(function() {
        const html = $(this).html();
        return html === "&nbsp" || html === "";
    });
page.replace(/<p>(&nbsp;)?<\/p>/gi, "");

Я просто уже запутался в регулярках и правкой текста в js, на php мне гораздо проще далось... =(

[adrewind]

Mike Ro: Нет вы работаете не с текстом а с DOM элементами, тут регексы не к месту. https://codepen.io/anon/pen/XRKzZj

Вот вам готовая функция. Гуглите что такое DOM дерево и как манипулировать DOM деревом

[Михаил Р.]

adrewind: Работает, супер! Спасибо! =)

Answer 2

[KnightForce]

А точнее?
Могу только сказать что неправильная регулярка.
Понимаю, что не дал точного описание, чтобы найти решения на все случаи.
Но, если тебе нужно удалить все одинаковые элементы, например, из строки "1-2-3-4-5-6-7-8" удалить все тире, то тогда: "1-2-3-4-5-6-7-8".split("-").join("");. Если элементы зависят от чего-то, то:

function removeEl(str, el) {
   str.split(el).join("");
}
removeEl("1-2-3-4-5-6-7-8", "-");

Если условие не однозначное, типа удалить точки или запятые - то регулярное выражение.

var str = "1.2.3.4.5,6,7,8,9";
var newStr = str.replace(/[.,]/g, "");
console.log(newStr); // "123456789"

Comments

[Михаил Р.]

дополнил вопрос

Получается, как-то так нужно сделать?:

var str = $(document);
    var text = '<p>&nbsp;</p>';
    str.replace(text/g, "");

[KnightForce]

Mike Ro: если это не готовая строка на сайте, а то что в html, то да.
Имею в виду, что на готовая строка - это просто текст, где тегов нет.