Intereting Posts
html display div в той же строке В CSS, как не плавать 300px широкий Div на следующую строку? Как сделать кнопку в Bootstrap похожим на обычную ссылку в nav-tabs? изменить цвет элементов списка в соответствии с условием Что происходит, когда у вас есть два вызова jQuery $ (document) .ready в двух файлах JavaScript, используемых на одной и той же странице HTML? вызов e.stopImmediatePropagation () из атрибута onclick Как заставить изображение, отображаемое с элементом SVG, покрывать всю ширину и высоту несколько ползунков с одинаковыми параметрами в одной функции? Совместите начало второй строки текста с первым Как написать имя объекта HTML (& nbsp ;, & lt ;, & gt ;, и т. Д.) Событие ввода jQuery, запущенное в placeholder в IE Добавить данные из html-формы в базу данных sql, используя PHP Правильная разметка HTML-формы Как автоматически масштабировать ввод со статическим заполнителем? проверяя, какие флажки выбраны с помощью JAVA (jsp)

Выделите div onclick

У меня вопрос, какой код jQuery нужно использовать, чтобы выделить DIV в списке по клику? У меня есть 8 Div, мне нужно выделить тот, который нажат, а при нажатии на следующий предыдущий больше не выделяется.

Итак, попробуйте это:

JSFiddle- http://jsfiddle.net/dtzjN/198/

Все, что вам нужно сделать, это иметь общий class во всех div, щелкнуть, удалить class цвета из любого другого div и добавить class цвета в щелчок div.

Thumb1
Thumb1
Thumb1
Thumb1

JS

 var addclass = 'color'; var $cols = $('.divs').click(function(e) { $cols.removeClass(addclass); $(this).addClass(addclass); }); 

CSS

 .color { background-color: yellow; } 

source: – Как я могу выделить выделенный элемент списка с помощью jquery?

Изменено в соответствии с требованиями.

Попробуйте ниже

 $(document).ready(function() { $Divs = $("div"); $Divs.click(function() { $Divs.removeClass("highlight"); $(this).addClass("highlight"); }); }); 
 .highlight { background: green; } div { display: block; width: 100px } 
  
  • First Div
  • Second Div

http://jsfiddle.net/uf4jxn5y/

 
  • Html 1
  • Html 2
  • Html 3

И JS

 $(document).ready(function() { $("li div").click(function() { $("li div").each(function() { $(this).css("background-color", "transparent"); }); $(this).css("background-color", "#ff3300"); }); }); 

Вы можете попробовать что-то вроде этого, может быть:

 $('.mainDiv').on('click','.divs',function () { $(this).parent().find('.divs').css('background-color', ''); $(this).css('background-color', '#00fff0'); }); 

http://jsfiddle.net/HABdx/649/