Перейти к содержимому

Как удалить атрибут jquery

  • автор:

Как с помощью jquery удалить все атрибуты у всех перечисленных элементов?

Например, чтобы по задумке такой код $(‘div, ul, ol, p’).removeAttr(‘class, align, width’); удалял бы из всех перечисленных тегов все перечисленные атрибуты, если они есть. Такой код работает только по-одному, вот так $(‘div’).removeAttr(‘class’); , но это не подходит.

Отслеживать

задан 21 фев 2019 в 22:28

Black Fire Black Fire

479 1 1 золотой знак 3 3 серебряных знака 17 17 бронзовых знаков

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

. as of version 1.7, it can be a space-separated list of attributes.

. с версии 1.7 это может несколько названий атрибутов, разделенных пробелами.

$('div, ul, ol, p').removeAttr('class align width'); 
console.log("before:", $("div")[0].outerHTML); console.log("before:", $("p")[0].outerHTML); $('div, ul, ol, p').removeAttr('class align width'); console.log("after:", $("div")[0].outerHTML); console.log("after:", $("p")[0].outerHTML);

.removeAttr()

.removeAttr( attributeName ) Возвращает: jQuery

Описание: Метод для удаления атрибутов (таких как id, class, title и.т.д) у элементов страницы.

Добавлен в версии: 1.0 .removeAttr( attributeName )

attributeName
An attribute to remove; as of version 1.7, it can be a space-separated list of attributes.

The .removeAttr() method uses the JavaScript removeAttribute() function, but it has the advantage of being able to be called directly on a jQuery object and it accounts for different attribute naming across browsers.

Note: Removing an inline onclick event handler using .removeAttr() doesn’t achieve the desired effect in Internet Explorer 8, 9 and 11. To avoid potential problems, use .prop() instead:

$element.prop( "onclick", null );
console.log( "onclick property: ", $element[ 0 ].onclick );

Как удалить атрибут jquery

Для того, чтобы удалить атрибут в jquery нам понадобится:

Далее создадим элемент с любым атрибутом. пусть это будет атрибут «attribute style»

Сделаем кнопку, чтобы мы могли видеть процесс удаления атрибута в jquery

Далее нам потребуется click + removeAttr :

Соберем весь код удаления атрибута в jquery вместе:

Выведем скрипт удаления атрибута в jquery

Для того, чтобы удалить атрибут в jquery — нажмите кнопку — удали атрибут в jquery
удали атрибут в jquery

Как увидеть удаление атрибута в jquery?

Нажимаем ПКМ по элементу, который хотим увидеть.

Ищем наш элемент в коде.

Нажимаем по кнопке удали атрибут в jquery

Нажмите, чтобы открыть в новом окне.

Как увидеть удаление атрибута в jquery?

Еще один пример удаления атрибута в jquery

Для следующего варианта удаления атрибута в jquery возьмем:

Добавим туда атрибут value который и удалим с помощью jquery

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

Соберем весь код второго примера удаления атрибута в jquery

Результат вывода кода удаления атрибута jquery

Чтобы увидеть работу удаления атрибута jquery, нажмите кнопку «удали атрибут в jquery»
удали атрибут в jquery

Живой пример удаления атрибута в jquery

Абсолютно аналогичный код, только теперь заменим в поле ввода и в скрипте название атрибута на

И чтобы удалить атрибут в jquery — нажмите кнопку «удали атрибут в jquery»

.removeAttr()

Удаляет указанный атрибут у каждого выбранного элемента.

version added: 1.0 .removeAttr( attributeName )

Метод .removeAttr() использует JavaScript функцию removeAttribute(), но может быть вызвана непосредственно от jQuery объекта и действует кроссбраузерно.

$element.prop("onclick", null); console.log("onclick property: ", $element[0].onclick);

Пример

Клик по кнопке меняет значение атрибута title рядом стоящего поля.

Шпаргалка jQuery:

  • Ajax
    • Global Ajax Event Handlers
      • .ajaxComplete()
        • :button
        • :checkbox
        • :checked
        • :disabled
        • :enabled
        • :file
        • :focus
        • :image
        • .serializeArray()
        • .serialize()
        • jQuery.param()
        • jQuery.ajax()
        • jQuery.ajaxSetup()
        • jQuery.ajaxPrefilter()
        • jQuery.ajaxTransport()
        • jQuery.get()
        • jQuery.post()
        • .load()
        • jQuery.getJSON()
        • jQuery.getScript()
        • .serialize()
        • .serializeArray()
        • jQuery.param()
        • .val()
        • .blur()
        • .change()
        • .focus()
        • .addClass()
        • .hasClass()
        • .removeClass()
        • .toggleClass()
        • .html()
        • .removeAttr()
        • .prop()
        • .removeProp()
        • .attr()
        • .val()
        • Collection Manipulation
          • jQuery.param()
          • .data()
          • .removeData()
          • Class Attribute
            • .addClass()
            • .hasClass()
            • .removeClass()
            • .toggleClass()
            • .clone()
            • .wrap()
            • .wrapAll()
            • .wrapInner()
            • .unwrap()
            • .append()
            • .appendTo()
            • .html()
            • .text()
            • .prepend()
            • .prependTo()
            • .after()
            • .before()
            • .insertAfter()
            • .insertBefore()
            • .unwrap()
            • .remove()
            • .empty()
            • .detach()
            • .replaceAll()
            • .replaceWith()
            • .removeProp()
            • .removeAttr()
            • .prop()
            • .attr()
            • .val()
            • .css()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • .offset()
            • .position()
            • .scrollLeft()
            • .scrollTop()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • jQuery.holdReady()
            • jQuery()
            • jQuery.noConflict()
            • jQuery.when()
            • .addClass()
            • .hasClass()
            • .removeClass()
            • .toggleClass()
            • .css()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • .offset()
            • .position()
            • .scrollLeft()
            • .scrollTop()
            • .clearQueue()
            • .dequeue()
            • .data()
            • jQuery.hasData()
            • jQuery.removeData()
            • jQuery.dequeue()
            • .removeData()
            • jQuery.data()
            • .queue()
            • Custom
              • .clearQueue()
              • .dequeue()
              • .queue()
              • .clearQueue()
              • .dequeue()
              • jQuery.dequeue()
              • jQuery.data()
              • .queue()
              • jQuery.proxy()
              • callbacks.add()
              • callbacks.disable()
              • callbacks.disabled()
              • callbacks.empty()
              • callbacks.fire()
              • callbacks.fired()
              • callbacks.fireWith()
              • callbacks.has()
              • callbacks.lock()
              • callbacks.locked()
              • callbacks.remove()
              • jQuery.Callbacks()
              • deferred.always()
              • deferred.done()
              • deferred.fail()
              • deferred.notify()
              • deferred.notifyWith()
              • deferred.progress()
              • deferred.promise()
              • deferred.reject()
              • deferred.rejectWith()
              • deferred.resolve()
              • deferred.resolveWith()
              • deferred.state()
              • deferred.then()
              • Basics
                • Универсальный селектор (“*”)
                • jQuery( «.class» )
                • Селектор элементов (“element”)
                • Селектор ID (“#id”)
                • Множественный (“selector1, selector2, selectorN”)
                • Селектор по префиксу [name|=”value”]
                • Селектор содержащий значение [name*=»value»]
                • Селектор, содержащий слово [name~=»value»]
                • Селектор по атрибуту, на конце которого [name$=»value»]
                • Селектор по равенству [name=»value»]
                • Селектор по неравенству [name!=»value»]
                • Значение атрибута начинается с [name^=»value»]
                • Селектор по наличию атрибута [name]
                • Множественный селектор по атрибуту [name=»value»][name2=»value2″]
                • :animated Selector
                • :eq()
                • :even
                • :first
                • :focus
                • :gt()
                • :header
                • :lang()
                • :last
                • :lt()
                • :first-child
                • :first-of-type
                • :last-child
                • :last-of-type
                • :nth-child()
                • :nth-last-child()
                • :nth-last-of-type()
                • :nth-of-type()
                • :only-child
                • :only-of-type
                • :contains()
                • :empty
                • :has()
                • :parent

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *