Как правильно очистить ячейки table от лишних тегов

@dark009 · Регистрация: 11.02.2014

Студворк — интернет-сервис помощи студентам

Добрый вечер. Пишу небольшую программку, которая на входе получает html-таблицу со стороннего сайта и на выходе должна получится чистая таблица без всего лишнего (style, class, id и т.д.). Список нежелательных атрибутов помещаю в массив, после чего прогоняю цикл и удаляю через removeAttr():

JavaScript
1
2
3
for (var i = 0; i < attr.length; i++) {
                    $("table *").removeAttr(attr[i]);
                }

Вопрос: как быть с лишними тегами? Именно тегами, не атрибутами. То есть бывает, что содержимое ячейки td заключено еще в какой нибудь тег, например в абзац (p)

HTML5
1
<td><p>12345</p></td>

Как в таком случае удалять ненужные теги, чтобы осталось только содержимое ячейки?

@Mr_Sergo · 12.10.2018, 04:24

dark009,

Демка

HTML5
1
2
3
4
5
6
7
8
<table border="1">
    <tr>
        <td><p>Ячейка с "p"</p></td>
        <td>3,5</td>
        <td><span>Ячейка с "span"</span></td>
        <td>23</td>
    </tr>
</table>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
// обращаемся к нулевой ячейки в коллекции
let tdd = $('td').eq(0);
 
// полностью удаляем ее содержимое и вставляем текст который был в теге "Р"
tdd.html(tdd.text());
 
// смотрим на результат
console.log(tdd.html());
 
// все то же самое можно проделать и с ячейкой в которой содержится тег "SPAN"
// или с ячейкой без внутренних тегов
// для этого просто меняем в переменной tdd в eq() цифру с нуля, например, на 2

Добавлено через 1 час 18 минут
Демка с циклом

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- Из этой таблицы заберем весь текст -->
<table id="from" border="1">
    <tr>
        <td><p>Ячейка с "p"</p><div> Тут див</div></td>
        <td>3,5</td>
        <td><span>Ячейка с "span"</span><p> Ещё одна ячейка с "p"</p></td>
        <td>23</td>
    </tr>
</table>
 
<br><br><br>
 
<!-- Здесь в тег TR вставим только текст, без тегов, с таблицы выше -->
<table id="to" border="1">
    <tr></tr>
</table>

JavaScript
1
2
3
4
5
6
let from = $('#from td');
let to = $('#to tr');
 
from.each(function(i,el){
    to.append('<td>' + from.eq(i).text() + '</td>');
});

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .