Как убрать html теги, но оставить текст внутри них jQuery/JavaScript


01:10, 21/03/2018

По-английски это действие называется unwrap, с одноименной функцией .unwrap().

Способ 1 jQuery

$('b').contents().unwrap(); // удалит из разметки все тэги 

Способ 2 JavaScript

var b = document.getElementsByTagName('b'); // переменная b выберет все теги  на странице

while(b.length) {
    var parent = b[ 0 ].parentNode;
    while( b[ 0 ].firstChild ) {
    parent.insertBefore(  b[ 0 ].firstChild, b[ 0 ] );
    }
    parent.removeChild( b[ 0 ] );
}

Способ 3 jQuery

// можно изменить событие на любое другое (например, .each(), в таком случае елементы будут автоматически заменяться при загрузке страницы)
$('a#change').click(function() {
    // заменяем тег p на h3
    $(this).replaceWith($('

' + this.innerHTML + '

')); });


Комментарии