jquery для удаления всех элементов z-index определенного значения

Question

jquery для удаления всех элементов z-index определенного значения

0

Я пытаюсь использовать jquery, чтобы удалить все значения z-index в заданном селекторе, которые соответствуют определенному z-индексу. Кто-нибудь есть идея, как это сделать?

Спасибо за любую помощь!

AdamJones 25 сен. 2013, в 21:11

Источник

Теги:

jquery

z-index

2 ответа

2

Попробуйте:

var search = "2"; // Could also be "inherit", etc.
$('.selector').css('z-index', function(i, val) {
    return (val.toString() == search) ? '' : val;
});

См. Эту демонстрацию.

Таким образом, если z-index элемента не 2, то он остался один. Если оно равно 2, оно будет удалено; в jQuery, установка значения CSS в пустую строку удаляет значение и откладывает его на таблицы стилей.

Если вы хотите изменить z-index, а не удалять его, просто замените пустую строку '' новым значением или переменной.

_{* Редактируйте для моего собственного рассудка: Удалился с parseInt() в пользу преобразования возвращаемого z-индекса в строку (jQuery пытается вернуть целое число);}_{таким образом мы можем использовать поиск значений, таких как inherit.}

theftprevention 25 сен. 2013, в 16:31

1

Не забудьте аргумент radix для parseInt.
Barmar 25 сен. 2013, в 18:19
0

Почти хороший ответ, за исключением того, что в некоторых браузерах (например, в моем chrome) все еще есть проблемы с чтением z-index через jQuery. Таким образом, это не работает кросс-браузер. Я знаю, потому что я только что проверил это, и он не работает в моем Chrome, но он работает в моем FF. Что шокирует, потому что новый FF, на мой взгляд, является провальным браузером
SpYk3HH 25 сен. 2013, в 18:32
0

@ SpYk3HH - Была ли проблема с вашим тестом? Проверьте эту скрипку и посмотрите, работает ли она для вас.
theftprevention 25 сен. 2013, в 19:05
0

хм, как ни странно, при его базовом использовании, как у вас есть, да. но когда я изменяю .text в вашей базовой функции на console.log все, что я получаю на консоли, не undefined . кажется довольно странным, это показывается в iFrame, но консоль регистрируется как неопределенная. Тем не менее, я могу утешить журнал любого другого "стиля" просто отлично. Извините, консольный журнал - обычно мой тест. На самом деле не сделал в тесте браузера. Кажется, это становится ценным. но консольное ведение журнала z-index не работает. в то время как это работает для других значений стиля. Должна быть проблема с консольным движком chromes
SpYk3HH 25 сен. 2013, в 19:08
0

@ SpYk3HH - Странно ... ты просто делаешь console.log(z); внутри функции reportZ() ? Я просто сделал это, и это работает. Может быть, вы не используете последнюю версию Chrome ...?
theftprevention 25 сен. 2013, в 19:10
0

Я нахожусь на бета-версии, но я собираюсь перейти на чистую версию. Я нашел несколько проблем с новой бета-версией, мне не нравится
SpYk3HH 25 сен. 2013, в 19:10
0

Ах. Может быть, это один из них!
theftprevention 25 сен. 2013, в 19:12

Показать ещё 5 комментариев

Ещё вопросы

Не забудьте аргумент radix для parseInt.
Почти хороший ответ, за исключением того, что в некоторых браузерах (например, в моем chrome) все еще есть проблемы с чтением z-index через jQuery. Таким образом, это не работает кросс-браузер. Я знаю, потому что я только что проверил это, и он не работает в моем Chrome, но он работает в моем FF. Что шокирует, потому что новый FF, на мой взгляд, является провальным браузером
@ SpYk3HH - Была ли проблема с вашим тестом? Проверьте эту скрипку и посмотрите, работает ли она для вас.
хм, как ни странно, при его базовом использовании, как у вас есть, да. но когда я изменяю .text в вашей базовой функции на console.log все, что я получаю на консоли, не undefined . кажется довольно странным, это показывается в iFrame, но консоль регистрируется как неопределенная. Тем не менее, я могу утешить журнал любого другого "стиля" просто отлично. Извините, консольный журнал - обычно мой тест. На самом деле не сделал в тесте браузера. Кажется, это становится ценным. но консольное ведение журнала z-index не работает. в то время как это работает для других значений стиля. Должна быть проблема с консольным движком chromes
@ SpYk3HH - Странно ... ты просто делаешь console.log(z); внутри функции reportZ() ? Я просто сделал это, и это работает. Может быть, вы не используете последнюю версию Chrome ...?
Я нахожусь на бета-версии, но я собираюсь перейти на чистую версию. Я нашел несколько проблем с новой бета-версией, мне не нравится

tymeJV · Accepted Answer · 2013-09-25T15-19-00.000Z

3

Лучший ответ

Вы можете использовать функцию фильтра:

$("yourselector").filter(function() {
    return $(this).css("z-index") == 30; //change to your criteria
    //  OR
    //  return this.style.zIndex == 30;
}).css("z-index", ''); //your new zindex

tymeJV 25 сен. 2013, в 15:19

0

ОП заявил "удалить" элемент, а не "изменить"
Joren 25 сен. 2013, в 18:19
0

@ Джорен, это ничего не «меняет». .filter идеально подходит для того, что хочет OP
SpYk3HH 25 сен. 2013, в 18:20
0

@Joren - Тогда просто установите 0.
tymeJV 25 сен. 2013, в 18:20
0

@ SpYk3HH Бит в самом конце меняет его ... .css("z-index", 45);
Archer 25 сен. 2013, в 18:21
0

@tymeJV таким образом вы измените Z-Inde X на ноль, а не удалить весь элемент
Joren 25 сен. 2013, в 18:21
0

@Joren Перечитайте вопрос - I'm trying to use jquery to remove all z-index *values*
Archer 25 сен. 2013, в 18:22
2

Я просто изменил его на 0, смысл ответа был в том, что ОП мог настроить его. Отсюда и «изменение ваших критериев»
tymeJV 25 сен. 2013, в 18:23
0

AdamJones хочет удалить имущество. Не изменено, не установлено на ноль, но удалено. Есть особые последствия для этого; смотри мой ответ.
theftprevention 25 сен. 2013, в 18:25
0

@theftprevention - значения отличаются от свойств. Я не вижу, где говорится, что собственность должна быть удалена.
tymeJV 25 сен. 2013, в 18:25
0

также смотрите -> api.jqueryui.com/zIndex
SpYk3HH 25 сен. 2013, в 18:26
0

Кроме того, в некоторых браузерах вы найдете this.style.zIndex лучше, чем $(this).css("zIndex")
SpYk3HH 25 сен. 2013, в 18:28
0

Установка значения CSS в '' действительно удаляет его из стиля элемента
SpYk3HH 25 сен. 2013, в 18:30
0

@tymeJV - я неправильно написал этот первый комментарий. Несмотря на это, вопрос задал способ «удалить все значения z-index». Важно не различие между «ценностями» и «свойствами»; это «изменить» против «удалить». Очевидно, что jQuery не может контролировать CSS элемента, кроме изменения его атрибута style или динамической загрузки новой таблицы стилей. Таким образом, «удалить значение» в этом контексте означало бы сброс значения z-index в атрибуте style (установите его в пустую строку), возвращая это значение обратно к тому, что таблица стилей считает необходимым.
theftprevention 25 сен. 2013, в 18:31
0

@ theftprevention, таким образом, 'zIndex', '' ... боже, вы спорите о семантике на данном этапе. Разве наше правительство не делает этого достаточно для нас?
SpYk3HH 25 сен. 2013, в 18:35
0

Спасибо всем за отзывы. Я попробовал это на конкретном селекторе, и он работал нормально. Затем я попробовал "body" $ ("body"). Filter (function () {... и это не сработало. С чего бы это?
AdamJones 25 сен. 2013, в 18:48
0

@AdamJones - потому что есть только 1 тело, и он будет проверять только то, что zIndex
tymeJV 25 сен. 2013, в 18:49
1

@AdamJones - если вы хотите проверить все элементы, вы можете использовать подстановочный знак * , $("*").filter...
tymeJV 25 сен. 2013, в 18:50

Показать ещё 15 комментариев