Удаление из переменной в виде HTML

@igorek1991 · Регистрация: 15.01.2011

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

Всем привет, вроде знаю что ищу, но не могу сформировать запрос поиска для нужной информации.

Проблема такова:
1) Получаю ajax запросом код html
2) Как из этого html удалить объекты с определенным ID

Javascript

obj = jQuery.parseJSON( result );
obj.html //тут приходит код html в виде строк TR для таблицы
 
//как удалить из obj.html определенные строки TR с уникальными ID, ID уже известны
obj.html = obj.html.html().remove('#'+mas_id[i]);// попытка глупая)

@klopp · 07.06.2018, 04:07

удаляет тег <td></td> с id="myid" со всеми атрибутами и содержимым

Javascript

let str = '<table><td>text1</td><td id="abc">text2</td><td id="abc1">text3</td><td width="200px" height="50px" id="myid">text4</td><td id="abc2">text5</td></table>';
let reg = /<td[\w"\s=\']*?id="myid">.*?<\/td>/i;
let newStr = str.replace(reg, '');
console.log(newStr);

или функция

Javascript

let delTagForID = (str, nameID) => {
    let reg = new RegExp('<td[\\w"\\s=\']*?id="' + nameID + '">.*?<\/td>', 'i');
    return str.replace(reg, '');
}
console.log(delTagForID(str, 'abc1'));

@igorek1991 · 07.06.2018, 08:01 **[ТС]**

Пробую, не удаляет

Javascript

let obj = '<tr onclick="window.open(&quot;/game/47341&quot;);" id="47341"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr><tr onclick="window.open(&quot;/game/47341&quot;);" id="47342"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr>';
let reg = /<tr[\w"\s=\']*?id="47341">.*?<\/tr>/i;
obj = obj.replace(reg, '');
console.log(obj);

Так тоже не удаляет

Javascript

1
2
3

let reg = new RegExp('<tr[\\w"\\s=\']*?id="47341">.*?<\/tr>', 'i');
obj = obj.replace(reg, '');
console.log(obj);

@klopp · 07.06.2018, 10:25

Сообщение от igorek1991

не удаляет

этот тег содержит в себе другие теги,тогда требуется другая регулярка

Javascript

1	let reg = /<tr.?id="47341">.?<\/tr>/i;

@igorek1991 · 07.06.2018, 11:19 **[ТС]**

Благодарю, заработало)
Сложные эти регулярки для меня

@klopp · 07.06.2018, 11:38

последний вариант не всегда будет корректно работать.
вот получше вариант,более универсальный

Javascript

let str = '<table><td>text1</td><td id="abc">text2</td><td width="200px" height="50px" id="abc1">text3</td><td width="200px" height="50px" id="myid">text4</td><td id="abc2">text5</td></table>';
let delTagByID = (str, tagName, nameID) => { //str - строка, tagName - имя тега(обязательно в кавычках), nameID - идентификатор,тоже в кавычках
    let reg = new RegExp('<\s*?' + tagName + '[^<>]*?id="' + nameID + '"[^<>]*?>.*?<\/' + tagName + '>', 'i');
    return str.replace(reg, '');
}
console.log(delTagByID(str, 'td', 'abc1'));
 
let str1 = '<tr onclick="window.open(&quot;/game/47341&quot;);" id="47341"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr><tr onclick="window.open(&quot;/game/47341&quot;);" id="47342"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr>';
 
console.log(delTagByID(str1, 'tr', '47341'));

@diadiavova · 07.06.2018, 12:00

Сообщение от igorek1991

Сложные эти регулярки для меня

Так можно и без регулярок

HTML5

1	<table id="tbl"></table>

Javascript

        let obj = '<tr onclick="window.open(&quot;/game/47341&quot;);" id="47341"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr><tr onclick="window.open(&quot;/game/47341&quot;);" id="47342"><td class="text-truncate " style="font-weight:600">ctvtyctvty</td><td class="text-truncate success" style="font-weight:600">581050</td><td class="text-truncate " style="font-weight:600">0-799999</td><td class="text-truncate " style="font-weight:600">1.00 C</td><td class="text-xs-center font-small-2"><span><progress style="margin-top:8px" class="progress progress-sm progress-success mb-0" value="80" max="100"></progress></span></td><td class="text-truncate success" style="font-weight:600">1.25 C</td></tr>';
        let tb = document.createElement("tbody");
        tb.innerHTML = obj;
        tb.removeChild(tb.querySelector("[id='47341']"));
        let tbl = document.getElementById("tbl");
        tbl.appendChild(tb);

@igorek1991 0 / 0 / 1 Регистрация: 15.01.2011 Сообщений: 97
	07.06.2018, 11:19 [ТС]	5
	Благодарю, заработало) Сложные эти регулярки для меня 0

	07.06.2018, 12:00