jQuery: Как я могу выделить элемент (например, добавить синий цвет фона) при нажатии на этот элемент?

0

Я хочу получить результаты, когда я нажимаю на один элемент веб-страницы, этот элемент подсвечивается (например, его цвет фона становится синим). Я попробовал ниже, через какое-то время он может это сделать, но в другое время это не удалось. Есть ли другие методы для решения? Спасибо.

elemselect.js:

  var flag = null;
  jQuery(function ($) {
     $("*").bind("click", function () {
        if(flag)
         {
               $("*").removeClass("elemselected");
         }
        flag = $(this);

        $(this).addClass("elemselected");
        $(this).find("*").addClass("elemselected");
        return false;

});

elemselect.css:

.elemselected 
{
     border: #00BFFF solid thin;
     background-color: #00BFFF;
}
  • 0
    также добавьте html или лучше jsfiddle

6 ответов

1

вы можете использовать этот код, toggleClass ("styleName") может обрабатывать ваши функции флага.

$('*').click(function() {
$(this).toggleClass("elemselected");
});
1

Вы можете использовать toggleClass():

$('*').click(function() {
    $(this).toggleClass("elemselected");
});
0

Проверьте это Demo jsFiddle

JQuery

$(".sel").on("click", function() {
    $(this).css("background", "red");
}); 

обновленный

Проверьте это Demo jsFiddle

JQuery

  $('.sel').click( function() {
    $(this).toggleClass("sel");
  });

Надеюсь, это поможет вам!

  • 0
    убедитесь, что перед публикацией демоверсии ссылка работает или нет ..
  • 0
    @KheemaPandey спасибо, что предупредили меня.
0

ты пробовал атр?

$('*').click(function() {
    $(this).attr("class":"elemselected");
});
0

попробуй это

$("*").click(function () {
$(".elemselected").removeClass("elemselected");
$(this).addClass("elemselected");
});

скрипка

0

Тебе нужно

jQuery(function ($) {
    $(document).on('click', function(e){
        $('.elemselected').removeClass('elemselected');
        $(e.target).addClass('elemselected');
    })
});

Демо: скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню