сидел себе мирно на бэкэнде, сейчас время от времени приходится потихоньку погружаться в говно во фронт.
вот к примеру форма есть с табами. требуется добавить еще закладку, аналогичную существующей.
казалось бы копипасть наздоровье. а вот и хрен. а все дело в том, что в существующей используются селекторы вида

$('[id^="жопа"]')

ну и понятно что произойдет, если просто добавить, больше ничего не трогая

$('[id^="жопа_с_татуировкой"]')

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