Как сделать, чтоб код jquey применялся ко всем объектам с id #modals?

Question

[KRHD]

есть такой код:

$( "#modals" ).click(function() {
$( ".main" ).css( "-webkit-filter", "blur(5px)" );
$( ".modalDialog" ).css( "background", "rgba(0,0,0,0.8)" );
$( "html" ).css( "overflow", "hidden" );
$( ".main" ).css( "transition", "0.5s" );
});

Но реагирует на него только один объект с id modals
Что делать?

Answer 1

[Илюша Прокопьев]

id уникален и повторятся не должен. Для этого существует class, используется точно также, но может повторятся, а вместо "#" пишется точка - ".". То есть код приобретёт такой вид:

$( ".modals" ).click(function() {
$( ".main" ).css( "-webkit-filter", "blur(5px)" );
$( ".modalDialog" ).css( "background", "rgba(0,0,0,0.8)" );
$( "html" ).css( "overflow", "hidden" );
$( ".main" ).css( "transition", "0.5s" );
});

Answer 2

[Alexander Litvinenko]

id уникальный атрибут, он не должен повторятся.

Comments

[KRHD]

точняк