Jquery removeclass не работает

Jquery — addClass и removeClass не работают

Я пытался переключить класс из тега i . Сначала я попробовал это с помощью switchClass пользовательского интерфейса Jquery:

Это не сработало. Я обнаружил, что у кого-то еще есть проблема с switchClass , и ему посоветовали использовать removeClass и <> вместо этого, который работал для него.

Однако для меня это не работает, и я сейчас растерялся.

Это действительно было из-за пропавшего » . Я доверял PhpStorm, чтобы найти это и указать на это . Я узнал: никогда не доверяйте своей IDE, даже если у вас есть дорогая.

5 ответов

Вы пропустили » в . Это сработало после того, как я изменил это. Если вы хотите, чтобы переключиться, переключитесь на addClass и removeClass с помощью toggleClass .

Вы забыли добавить отверстие «в

Вы можете проверить это так:

Возвращает ваш элемент div.

Таким образом, в настоящее время ваш идентификатор — sidenavIcon «

Вы только что пропустили одну двойную кавычку в своем HTML , следуйте ниже:
Вы написали id=sidenavIcon» , но вы должны написать id=»sidenavIcon»

Попробуйте это решение, оно работает гладко

Заменить id=sidenavIcon» на id=»sidenavIcon»

jQuery: use toggleClass (); вместо switchClass () или добавить или удалить класс. HTML: добавьте промах «перед

Источник

jQuery метод .removeClass()

Определение и применение

jQuery метод .removeClass() удаляет один или несколько имен классов для выбранных элементов. Метод может быть также использован в документах XML и формате SVG.

Добавление класса, либо классов элемента Вы можете произвести с использованием jQuery метода .addClass().

jQuery синтаксис:

Добавлен в версии jQuery

Значения параметров

Параметр	Описание
className	Задает одно или несколько имен классов, которые будут добавлены к элементу, или элементам.
function (index, currentClassName)	Задает функцию, которая возвращает одно или несколько имен классов, которые будут добавлены. index — возвращает индекс позиции элемента в наборе (среди выбранных элементов). currentClassName — возвращает текущее имя класса выбранного элемента.

Пример использования

В этом примере с использованием jQuery метода .removeClass() мы удаляем два класса у элемента

(абзац) по которому произведён клик.

Результат нашего примера:

Пример удаления класса у элемента (jQuery метод .removeClass())

Рассмотрим пример в котором в качестве параметра метода .removeClass() передадим функцию:

В этом примере с использованием jQuery метода .removeClass() мы нашли все элементы

Результат нашего примера:

Пример функции удаления класса в случае его нахождения. jQuery DOM методы

Источник

JavaScript — removeClass не работает?

У меня есть галерея jssor, которую я размыл, добавив класс CSS «blur». Я бы хотел «размыть» эту галерею, когда пользователь нажимает на div. Для этого я добавил этот простой JS-код:

где «js1» — мой идентификатор div, а «jssor_1» — мой идентификатор галереи. К сожалению, это совсем не работает. Я новичок в JS, но я думал, что это должно работать нормально, поскольку функция click проверяет, был ли нажат элемент HTML. Вот мой HTML-код для галереи:

Изменить сценарий ниже

Если вы используете id в jquery, вам нужно добавить $ (‘# >).

Селекторы JQuery
селектора JQuery — это способ выбора элементов модели объектов документа (DOM), т.е. элементов HTML, таких как div , button т.д.

#Я бы

.класс

.class,.class

элемент

EL1, EL2, EL3

В твоем случае

Вы используете неправильные селектор, который вам нужно использовать

Вам нужно установить селектор с надлежащей идентификацией. Если вы хотите, чтобы jQuery обращался к элементу с его идентификатором, используйте «#» и для класса «.». однако вы не используете ни один из них. Таким образом, решение просто поместить «#», когда вы пытаетесь получить доступ к элементу с его идентификатором. Пожалуйста, проверьте ниже скорректированный код.

Или вы можете использовать $ непосредственно в готовом событии.

Надеюсь, это поможет вам.

вы не использовали selector правильно. Чтобы выбрать элемент по идентификатору, вам нужно использовать # и выбирать по классу . также $ не требуется.

Источник

.removeClass()

Contents:

.removeClass( className ) Returns: jQuery

Description: Remove a single class or multiple classes from each element in the set of matched elements.

version added: 1.0 .removeClass( className )

version added: 3.3 .removeClass( classNames )

version added: 1.4 .removeClass( function )

version added: 3.3 .removeClass( function )

Before jQuery version 1.12/2.2, the .removeClass() method manipulated the className property of the selected elements, not the class attribute. Once the property was changed, it was the browser that updated the attribute accordingly. This means that when the class attribute was updated and the last class name was removed, the browser might have set the attribute’s value to an empty string instead of removing the attribute completely. An implication of this behavior was that this method only worked for documents with HTML DOM semantics (e.g., not pure XML documents).

As of jQuery 1.12/2.2, this behavior is changed to improve the support for XML documents, including SVG. Starting from this version, the class attribute is used instead. So, .removeClass() can be used on XML or SVG documents.

More than one class may be removed at a time, separated by a space, from the set of matched elements, like so:

This method is often used with .addClass() to switch elements’ classes from one to another, like so:

Here, the myClass and noClass classes are removed from all paragraphs, while yourClass is added.

To replace all existing classes with another class, we can use .attr( «class», «newClass» ) instead.

As of jQuery 1.4, the .removeClass() method allows us to indicate the class to be removed by passing in a function.

This example removes the class name of the penultimate

from the last

.

Examples:

Remove the class ‘blue’ from the matched elements.

Источник

JQuery .addClass и .removeClass не работают в Chrome или Safari

Я пытаюсь показать и скрыть div с помощью кнопки. Этот код прекрасно работает в Firefox и IE, но по некоторым причинам он не работает в Chrome или Safari. Сайт использует Bootstrap.

Итак, что должно произойти, пользователь видит первую строку и первую кнопку, а все остальное скрыто. Они заполняют первый ряд, затем нажимают на кнопку. При нажатии кнопка исчезает, и появляется следующая строка и следующая кнопка, показывающая две строки с одной кнопкой добавления внизу. Если они нажмут на нее еще раз, появится последняя строка, и кнопка добавления полностью исчезнет.

2 ответа

Для достижения результата возможны 2 решения.

Решение 1

В вашем коде необходимо сделать 2 обновления

Должны быть кавычки для строк, таких как newAdd (‘add 1’, ‘row 2’)

В JS нет необходимости в addId.id

Решение 2

Нет обновления HTML. Только в JS, обновление

Решение 1. Вы передаете идентификатор элемента и получаете к нему доступ в javascript.

Решение 2. Вы передаете коллекцию объектов HTML, а затем получаете доступ к элементу и его свойству id.

Теперь, какое решение пойти?

В случае, если вам нужен только Id, вы можете перейти к решению 1, так как нет смысла передавать всю коллекцию просто для извлечения идентификатора, который в противном случае можно отправить с теми же параметрами, просто заключив их в кавычки.

Однако, если вам нужно получить некоторые другие свойства элемента, перейдите к решению 2.

Причина, по которой он не работает в Chrome или Safari, заключается в том, что add1 , который вы передаете в функцию, т.е.

Не относится к отдельному элементу, но относится к коллекции элементов:

Зачем? Потому что у вас есть несколько элементов с одинаковым идентификатором. Идентификаторы должны быть уникальными!

Firefox, с другой стороны, просто берет первый элемент с этим идентификатором (что я и ожидал).

Источник