Удалить элемент в том же атрибуте с JQuery

Есть 4 кнопки

<button type = "button" class = "addf" idu = "1">Plus</button>
<button type = "button" class = "unf" idu = "1">Min</button>

<button type = "button" class = "addf" idu = "2">Plus</button>
<button type = "button" class = "unf" idu = "2">Min</button>

Как удалить элемент в том же attr с динамическим jquery? Например, если вы нажмете кнопку .addf, где attr idu = "1", вы удалите кнопку .unf, где attr idu = "1". Если вы нажмете кнопку .addf, где attr idu = "2", вы удалите кнопку .unf, где attr idu = "2"

В HTML нет атрибута idu, определенного в HTML, если вы хотите использовать настраиваемые атрибуты, используйте атрибуты data-*, которые, по крайней мере, будут проверяться в HTML 5.

— 01.12.2018 20:59

Это просто например. В jquery вы можете удалить такой элемент, как этот $ ("FF"). attr ("ИДУ"). remove (), но у меня есть более сложный случай выше

— 01.12.2018 21:08

Тегар это очень просто, приложите некоторые усилия и попытайтесь, и вы найдете это сами .. вы можете начать с Как получить атрибут data-id? .. затем вы можете использовать селектор $('.unf[data-idu = "'+ the button data-idu+'"]').remove()

— 01.12.2018 23:35

javascript jquery

01.12.2018 20:44

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В любом случае ... до того, что сказал @David в своем комментарии ... замените idu= на data-idu= ... так что ваш код должен выглядеть так

$(document).ready(function(){
  $('.addf').on('click' , function(){
    var GetData = $(this).attr('data-idu');
    $('.unf[data-idu = "'+ GetData +'"]').remove();
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type = "button" class = "addf" data-idu = "1">Plus</button>
<button type = "button" class = "unf" data-idu = "1">Min</button>

<button type = "button" class = "addf" data-idu = "2">Plus</button>
<button type = "button" class = "unf" data-idu = "2">Min</button>

01.12.2018 23:43

Другие вопросы по теме

Как мне бежать после замены url

Добавьте одно из двух изображений в один диапазон с помощью оператора if

Второй datePicker не может выбрать дату меньше, чем первый datePicker

Должен открываться только один дополнительный контейнер / jquery

Запустить функцию вставки PHP из javascript

Проблема ограничения масонграммы плагина jquery

Общая функция jQuery для условной неопределенной переменной

Как отличить ввод со сканера от ввода с клавиатуры в Javascript?

Более короткий способ проверить, что значение множественного ввода пусто для jquery

Как добавить атрибут данных в ближайший класс?

Удалить элемент в том же атрибуте с JQuery

Ответы 1

Другие вопросы по теме

Похожие вопросы