Почему не срабатывает условие при проветке атрибутов?

@phpk · Регистрация: 15.05.2013

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

Пытаюсь перебрать атрибуты элемента в цикле, и в зависимости от текущего значения атрибута, нужно или удалить этот атрибут или оставить. Но почему -то не не срабатывает условие.
Если раскомментировать в коде js 5-ю строку, то условие не срабатывает и удаляются все атрибуты, а нужно удалить только те атрибуты, которые не являются data-bg и data-border.
Т.е. при проверке только одного data-атрибута, как сейчас в коде, то условие работает, а если проверять два атрибута, то условие не работает.

HTML5
1
2
3
4
5
<ul>
    <li style="border:1px solid" data-bg="background-color:#000" data-border="border:1px solid">test</li>
</ul>
 
<button>click</button>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('button').on('click',function(e) {
    $('li').each(function(i,li) {
        $(li.attributes).each(function(j,a) {
                //alert($(li).data(a.name.split('-')[1]))
            //if(a.name != "data-bg" || a.name != "data-border"){
            if(a.name != "data-bg"){
                $(li).removeAttr(a.name);
            }else{
                    li.style.cssText=$(li).data(a.name.split('-')[1]);
            }
        })
    })
});

https://jsfiddle.net/5gzkr6cx/

@AmateR62 · 09.04.2016, 11:58

Вам name не надо у a.name и условие надо && надо, если я правильно понял задачу:

JavaScript
1
if (a!="data-bg" && a!="data-border") { ... }

@phpk · 09.04.2016, 12:03 **[ТС]**

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

Вам name не надо у a.name :

как это не надо, если без name a возвращает object Attr!
и ваш код не работает!

@AmateR62 · 09.04.2016, 12:11

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

как это не надо, если без name

Ок, надо, написал не тестируя. Вот так у меня удаляет все атрибуты, кроме двух нужных:

JavaScript
1
2
3
4
5
6
7
8
9
$('button').on('click',function(e) {
    $('li').each(function(i,li) {
        $(li.attributes).each(function(j,a) {
            if ( a.name!="data-bg" && a.name!="data-border" ) {
                $(li).removeAttr(a.name);
            }
        })
    })
});

@phpk · 09.04.2016, 12:15 **[ТС]**

deleted

@AmateR62 · 09.04.2016, 12:22

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

да, сейчас работает, но я так и не понял почему условие с || не срабатывает

Если у вас сейчас "data-bg" то тогда мы удалим "data-border", а когда будет "data-border" мы удалим "data-bg".

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313
	09.04.2016, 12:15 [ТС]
	deleted 0