Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
 Аватар для spainFAN
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 53

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

07.08.2015, 00:22. Показов 2682. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер. Много чего перепробовал, но не вышло удалить атрибут с инпута. Нужно при нажатии на кнопку удалился атрибут - "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');
    });
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.08.2015, 00:22
Ответы с готовыми решениями:

Удалить атрибут href
Здравствуйте форумчане! Помогите разобраться в чём моя ошибка: нужно удалить атрибут href всех &lt;a&gt; кроме тех, у которых есть класс...

Удалить атрибут у строк в таблице
Есть таблица загружаемая из бд. В итоге генерируется вот такая разметка (сайт пишу на ASP) &lt;table class=&quot;table&quot;&gt; ...

Меняющийся атрибут
Добрый день! Есть пример странички _dbm-wood.com/plintus-dlja-pola-p-85.html Возле строки количество я добавил всплывающую...

3
152 / 151 / 67
Регистрация: 25.02.2015
Сообщений: 493
07.08.2015, 02:18
Лучший ответ Сообщение было отмечено spainFAN как решение

Решение

Не совсем понятно зачем вы определяете переменную 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
1
 Аватар для spainFAN
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 53
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);
            }
        });
    });
0
152 / 151 / 67
Регистрация: 25.02.2015
Сообщений: 493
07.08.2015, 14:34
С ajax запросами я пока не умею работать)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.08.2015, 14:34
Помогаю со студенческими работами здесь

Атрибут как переменная
для класса selectpicker обычное присвоение через .attr(attr_name, attr_value) не работает. правильно работает через...

Атрибут ссылки jquery
Добрый день, вопрос по скрипту CallMe (думаю многие про него слышали). Суть в том что там есть возможность задавать атрибуты ссылке, тобишь...

Включить атрибут required
Добрый день, Не могу присвоить элементу input атрибут required. &lt;div class=&quot;type0&quot;&gt; &lt;li&gt; &lt;label...

выбрать атрибут в цикле
Всем привет помогите пжл. 1.Нужно в цикле получить аттрибуты всех src находящиеся в блоке #blocks 2.Поместить src в массив ...

Получить атрибут тега
Всем доброе время суток. в php формируется таблица echo '&lt;table class=&quot;table table-hover table-condensed tr-table&quot;&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Ноутбук (на замену), о котором я и не подозревал, что он у меня появится.
Programma_Boinc 28.12.2025
Ноутбук (на замену), о котором я и не подозревал, что он у меня появится. Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием "Ноутбук (на замену), о котором я и не. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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 —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru