Удалить атрибут

@spainFAN · Регистрация: 10.01.2013

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

Добрый вечер. Много чего перепробовал, но не вышло удалить атрибут с инпута. Нужно при нажатии на кнопку удалился атрибут - "btn-ftr-crt".

JavaScript
1
2
3
4
$(".btn-ftr").click(function () {
        var filter = document.getElementById('btn-ftr-crt');
        $(".btn-ftr").removeAttr("btn-ftr-crt");
    });

HTML5
1
2
3
4
<input type="submit" value="По дате" id="btn-ftr-crt"/>
<input type="submit" value="По названию" class="btn-ftr" />
<input type="submit" value="Популярные" class="btn-ftr" />
<input type="submit" value="По просмотрам" class="btn-ftr" />

Добавлено через 20 минут
Ответ:

JavaScript
1
2
3
$(".btn-ftr").click(function () {
        $("#btn-ftr-crt").removeAttr("id")
});

id - это атрибут элемента т.е. class, id, value, text и тд

Добавлено через 32 минуты
Но вот только не работает как надо. При повторном нажатии на кнопку "По дате" не добавляется атрибут ID

JavaScript
1
2
3
4
5
6
7
$(".btn-ftr").click(function () {
        var filter = document.getElementById('btn-ftr-crt');
        $("#btn-ftr-crt").addClass("btn-ftr")
        $("#btn-ftr-crt").removeAttr("id");
        $(this).removeAttr("class");
        $(this).attr('id', 'btn-ftr-crt');
    });

@Karssen · 07.08.2015, 02:18

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

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
        $("input[type=submit]").click(function () {
        var filter = $('#btn-ftr-crt');
        if($(this).has('.btn-ftr')){
        filter.removeAttr('id');
        filter.addClass('btn-ftr');
        $(this).removeAttr("class");
        $(this).attr('id', 'btn-ftr-crt');
        }
    });
    });

Чтоб не привязываться к type можно для всей группы инпутов задать пользовательские данные. Например

HTML5
1
<input type="submit" value="По просмотрам" class="btn-ftr" data-inp = "inputgroup" />

И сделать выборку по ней.
Просто так получается, что у вас в выборку попадают 3 элемента и когда у первого меняется класс, он все равно не в выборке и при повторном клике не меняется его класс на id

@spainFAN · 07.08.2015, 14:20 **[ТС]**

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

определяете переменную filter

Добрый день. Я не скинул весь скрипт, так как только эта часть скрпта не работала. Так, огромное Вам спасибо, все заработало!

Добавлено через 1 час 32 минуты
Еще вопрос. Пытаюсь очистить блок ".materials-categorie". Но ничего не выходит, кидаю весь скрипт. Может я не те данные загружаю. Нужно очистить его, чтобы в дальнейшем добавлять новое содержимое (это уже другой скрипт и он работает).

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$("input[data-inp = filter]").click(function () {
        
        var filter = $('#btn-ftr-crt');
        if ($(this).has('.btn-ftr')) {
            filter.removeAttr('id');
            filter.addClass('btn-ftr');
            $(this).removeAttr("class");
            $(this).attr('id', 'btn-ftr-crt');
        }
 
        var filter = document.getElementById('btn-ftr-crt');
        var catg = document.getElementById('id_mater');
        var start = document.getElementById('cuntMat');
        $.ajax({
            url: "/showMore",
            type: "POST",
            data: { catg: catg.value, start: '0', filter: filter.value },
            success: function (data) {
                $(".materials-categorie").html("<div class='materials-categories'>fffff</div>")
                $(".materials-categories").append(data.codeHtml);
                $('#cuntMat').val(data.start);
            }
        });
    });

@Karssen · 07.08.2015, 14:34

С ajax запросами я пока не умею работать)

Новые блоги и статьи Все статьи Все блоги /
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	07.08.2015, 14:34
	С ajax запросами я пока не умею работать) 0

Опции темы

Удалить атрибут

Решение