Как я могу удалить активный класс при нажатии на тег?

У меня есть список, в котором при нажатии элемента <a> он меняет цвет. Теперь мне нужно, чтобы при нажатии на другой родственный класс <a> он должен удалить активный класс и добавить его к щелкнутому.

$( function() {
      $('a').click( function() {
        $(this).toggleClass("selected").siblings().removeClass('selected');
      });
});
.selected {
     color: red;
}
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"/>
<ul>
	<li>
		<a>First</a>
	</li>
	<li>
		<a>Second</a>
	</li>
</ul>

Я знаю, что код будет работать, если я добавлю класс .selected к li, но мне нужно добиться этого с помощью тега <a>. Является ли это возможным?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
82
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
  1. При щелчке удалите выбранный класс из всех, а затем добавьте этот класс к выбранному

$('a').click(function() {
  $('a').removeClass('selected');
  $(this).addClass('selected');

});
.selected {
  color: red;
}
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><a>First</a></li>
  <li><a>Second</a></li>
</ul>

Здесь это работает, но в моем случае на моем веб-сайте, когда я добавляю .removeClass, это не сработает. Вы знаете, почему это происходит?

Freelancer Help 04.07.2019 02:43

О, понял, я использовал это для removeClass $, вот в чем проблема. Все хорошо теперь спасибо!

Freelancer Help 04.07.2019 02:48

@FreelancerHelp рад помочь счастливому товарищу по программированию

guradio 04.07.2019 05:04

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