Как удалить теги p из определенного блока, оставив их содержимое?

Question

[Денис Букреев]

Допустим, есть блок с id="outer".

И надо, чтобы внутри него удалялись все теги <p> и </p>.

Как будет выглядеть такой скрипт?

Answer 1

[riot26]

jsfiddle.net/qmxkja11

Comments

[Денис Букреев]

класс, то что нужно, лаконично и работает
спасибо

жаль, что проблему не устранило, так как WP решает еще и править мой html-код, помимо добавления своих тегов)

[riot26]

Денис Букреев: может есть какие-то кастомные редакторы. Ну или как вариант -- редактировать исходный текст записи. Вариант для мазохистов -- рыться в сорцах вордпресса

[Денис Букреев]

riot26: да не, работаю на сайте клиента, с которым у меня есть посредник
вот и приходится костылями решать вопросы)

я думал в базу залезть и там отредактировать, но потом понял, что после очередного сохранения страницы, корректировка от WP вернется обратно

когда-то давно читал про создание шорткода, в который wp не сунется и внутри него можно что угодно делать, но так и не нашел статьи

[Игорь Че]

Денис Букреев: Я не большой спец по вордпрессу, но это должно настраивать в редакторе. Если не настраивает в текущем редакторе, можно поставить другой. В Ckeditor точно настраивается.

Answer 2

[Виталий Инчин ☢]

$("#outer").find("p").each(function(){
   var $this = $(this);
   $this.replaceWith( $this.html() );
});

Answer 3

[Maxim Nepritimov]

Может так
HTML:

<div id="outer">
    <p> бла бла </p>
    <p> бла бла </p>
    <p> бла бла </p>
    <p> бла бла </p>
    <p> бла бла </p>
    <p> бла бла </p>
</div>
<input type="button" class="but" value="click">

JS:

$('.but').on('click', function () {
    var $outer = $('#outer'),
    	$p = $outer.find('p');
    $p.each(function () {
      $(this).remove();
    });
});

Comments

[Денис Букреев]

да не, надо удалить именно , а не весь контейнер
т.е., я так понимаю, надо юзать regExp

[Maxim Nepritimov]

Денис Букреев: тебе надо удалить сам тег p не удаляя содержимое?

[Maxim Nepritimov]

Денис Букреев: мне кажется, ты ерунду какую-то делаешь)) Но вот пример https://jsfiddle.net/ozgmc894/1/
Содержимое тегов P помещаем в div

[Денис Букреев]

Maxim Nepritimov: я просто ищу костыль для WP, не нашел других способов избавиться от добавления в wordpress)

[Денис Букреев]

Maxim Nepritimov: да, такой скрипт то, что нужно, кроме того, что br добавляется)
спасибо

[Денис Букреев]

Денис Букреев: хотя нет, не то что нужно. Скрипт полностью вычищает содержимое, а мне надо только и заменить на пустоту, то есть просто стереть их
WP оборачивает все инпуты, лэйблы, заголовки в свои гребаные p

Answer 4

[Yaroslav Lyzlov]

$('#outer').find('p').remove()

Comments

[Денис Букреев]

это удаление всего контейнера, а мне надо удалить именно и , как строчный элементы

[Yaroslav Lyzlov]

Денис Букреев: В смысле было T_T_T , надо оставить T_T_T?

[Yaroslav Lyzlov]

Тогда как в примере у чувака выше бежим по массиву, берём $(this).html(), делаем $(this).html().replace(/(.*)<\/p>/, '$1'), сложить это в массивчик, удалить из контейнера всё p как я написал выше и сделать вставку массива нового

[Денис Букреев]

Yaroslav Lyzlov: чо т сложная для понимания инструкция)
надо просто заменить p на пустоту

[Yaroslav Lyzlov]

Денис Букреев: у jquery нет таких возможностей, у нативного тем более, так что это простой вариант. а, ну ещё можно так попробовать
var replaced = $('.outer').find('p').html().replace(/(.*)<\/p>/g, '$1'); $('.outer').html(replaced)
не проверял, но по идее должно сработать (не вычистит вообще все теги в блоке, вложенные тоже, то есть)
div.outer
div.outer2
p blabla
его тоже вычистит

[Денис Букреев]

Yaroslav Lyzlov: да это сам тостер выбрал главным jquery, хотя из тегов он у меня стоит посередине, между javascript и html)
в общем, нашелся ответ на чистом js)
jsfiddle.net/qmxkja11