Скрипт применяется только к одному идентификатору

Есть скрипт:
$(document).ready(function() { var element = $('#divv'); function math_height() { element.height(element.width()); } math_height(); $(window).on('resize', function() { math_height(); }); });

a

b

c

d

Скрипт работает только с первым 'div' на странице. Т.е. на странице отобразится правильно только первый блок.
Как сделать так что бы скрипт отработал со всеми одинаковыми идентификаторами?

Ответ

Это потому что ID должен быть уникальным, их нельзя несколько одинаковых. Используйте классы вместо ID.
$(document).ready(function() { var element = $('.divv'); function math_height() { element.height(element.width()); } math_height(); $(window).on('resize', function() { math_height(); }); });

a

b

c

d