Удаление элементов по условию

@юрьич · Регистрация: 10.09.2012

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

Привет. Подскажите, как условие создать. Что то голова уже не варит.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="Forfirst1 yellow"></div>
<div class="first first1 yellow"></div>
...
<div class="Forfirst1 yellow"></div>
 
/******************************/
 
<div class="Forfirst2 yellow"></div>
<div class="first first2 yellow"></div>
...
<div class="Forfirst2 yellow"></div>

При клике на элемент я его удаляю. Но мне нужно, что бы элемент с классом first нельзя было удалить, пока не удалю все элементы в блоке

JavaScript
1
2
3
4
5
6
7
8
function(e){
 var yellow = document.querySelectorAll('.yellow')
for (var j = 0; j < yellow.length; j++) {
 
//???
 
}
}

В каждом элементе блока dataset хранит соответствующее блоку значение data-forFirst, кроме элемента с классом first. Там data-first

krvsa · 20.09.2023, 14:19

юрьич, твой "пример" хтмеэля не соответствует твоему описанию проблемы...
Все div расположены "сами по себе". Нет "блоков" их содержащих...

Сообщение от юрьич

В каждом элементе блока dataset хранит соответствующее блоку значение data-forFirst, кроме элемента с классом first. Там data-first

Это отсутствует вообще.
И как оно связано с divами?

@юрьич · 20.09.2023, 14:41 **[ТС]**

Я писал про DOM. Да в html не указал.

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

Все div расположены "сами по себе". Нет "блоков" их содержащих...

Потому что их нет.)))
Это таблица. Не охота было её писать. Но суть о этого не меняется.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
<tr>
<td class="yellow" data-forFiest="1"></td>
<td class="yellow first" data-first="1"></td>
<td class="yellow" data-forFiest="1"></td>
...
</tr>
<tr>
<td class="yellow" data-forFiest="2"></td>
<td class="yellow first" data-first="2"></td>
<td class="yellow" data-forFiest="2"></td>
...
</tr>
<tr>
<td class="yellow first" data-first="3"></td>
<td class="yellow" data-forFiest="3"></td>
<td class="yellow" data-forFiest="3"></td>
...
</tr>
</table>

krvsa · 20.09.2023, 15:12

Сообщение от юрьич

Это таблица. Не охота было её писать.

Ага, сюрприз потом будет.

Сообщение от юрьич

Но суть о этого не меняется.

Многие так думали и потом утверждали что работающий пример, который им дали, у них "почему-то" не работает.

Сообщение от юрьич

При клике на элемент я его удаляю. Но мне нужно, что бы элемент с классом first нельзя было удалить, пока не удалю все элементы в блоке

Покажи как ты удаляешь ячейки...
Что делаешь с остальными ячейками строки?

Если просто удалил и все - ты в курсе что "сломал" саму таблицу?

Добавлено через 11 минут

Сообщение от юрьич

При клике на элемент я его удаляю. Но мне нужно, что бы элемент с классом first нельзя было удалить, пока не удалю все элементы в блоке

Как вариант...

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html data-theme='light'>
<head>
<meta charset="utf-8" />
<style>
td {
    width: 100px;
    height: 100px;
    border: 1px solid;
}
.first {
    background-color: red;
}
</style>
</head>
<body>
<table>
<tr>
    <td class="yellow" data-forFiest="1"></td>
    <td class="yellow first" data-first="1"></td>
    <td class="yellow" data-forFiest="1"></td>
</tr>
<tr>
    <td class="yellow" data-forFiest="2"></td>
    <td class="yellow first" data-first="2"></td>
    <td class="yellow" data-forFiest="2"></td>
</tr>
<tr>
    <td class="yellow first" data-first="3"></td>
    <td class="yellow" data-forFiest="3"></td>
    <td class="yellow" data-forFiest="3"></td>
</tr>
</table>
 
<script>
document.querySelector('table').addEventListener('click', e => {
    const o = e.target
    if (o.tagName != 'TD') return
    if (!o.classList.contains('first')) {
        o.remove()
        return
    }
    const op = o.parentNode
    if (op.querySelectorAll('td').length > 1) return
    op.remove()
})
 
 
</script> 
</body>
</html>

@юрьич · 20.09.2023, 15:15 **[ТС]**

Так и знал)))
Я удаляю не ячейки, а данные DOM для данной ячейки.

krvsa · 20.09.2023, 15:18

Сообщение от юрьич

Я удаляю не ячейки, а данные DOM для данной ячейки.

Вот и сюрприз!

Бери мой пример и переделывай его как он должен быть...

Добавлено через 43 секунды

Сообщение от юрьич

Так и знал)))

У нас спрашивающие всегда знают больше отвечающих - это аксиома.

@юрьич · 20.09.2023, 15:22 **[ТС]**

Нет . Не пойдёт. Во первых у меня нет target

Добавлено через 59 секунд
Во вторых считать td не вариант вообще. Там кроме этого ещё куча всего

Добавлено через 43 секунды
Нужно условие при переборе. По другому никак

krvsa · 20.09.2023, 15:25

юрьич, делай нормальный пример... Тогда и поговорим.

Добавлено через 52 секунды
Так же показывай как ты сейчас "удаляешь элементы"...

@юрьич · 20.09.2023, 17:06 **[ТС]**

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

Добавлено через 2 минуты
Ладно. Поперебераю ещё варианты.)

Добавлено через 1 час 34 минуты
Подошёл к вопросу с другой стороны). Не стал удалять по одному. А при клике на блок с классом first удаляю сразу все элементы.

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .	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/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .

@юрьич 14 / 9 / 13 Регистрация: 10.09.2012 Сообщений: 1,117
	20.09.2023, 15:15 [ТС]
	Так и знал))) Я удаляю не ячейки, а данные DOM для данной ячейки. 0

@юрьич 14 / 9 / 13 Регистрация: 10.09.2012 Сообщений: 1,117
	20.09.2023, 15:22 [ТС]
	Нет . Не пойдёт. Во первых у меня нет `target` Добавлено через 59 секунд Во вторых считать td не вариант вообще. Там кроме этого ещё куча всего Добавлено через 43 секунды Нужно условие при переборе. По другому никак 0

krvsa 3806 / 1643 / 428 Регистрация: 14.03.2022 Сообщений: 4,088
	20.09.2023, 15:25
	юрьич, делай нормальный пример... Тогда и поговорим. Добавлено через 52 секунды Так же показывай как ты сейчас "удаляешь элементы"... 0

@юрьич 14 / 9 / 13 Регистрация: 10.09.2012 Сообщений: 1,117
	20.09.2023, 17:06 [ТС]
	Тоже не вариант. Если даже часть кода вырву, всё равно будут вопросы. Как вариант, можно в консоли пример глянуть.Тогда может понятнее будет. тут при клике на ячейку она выделяется Добавлено через 2 минуты Ладно. Поперебераю ещё варианты.) Добавлено через 1 час 34 минуты Подошёл к вопросу с другой стороны). Не стал удалять по одному. А при клике на блок с классом `first` удаляю сразу все элементы. 0