Те же идентификационные кнопки, созданные с помощью Handlebars.js & ldquo; each & rdquo; цикл не будет работать при вызове [duplicate]

Это в основном весь смысл идентификатора. :) Идентификаторы специфичны, их можно использовать только один раз на странице. Классы могут использоваться как довольные.

Браузеры были снисходительны к этому (много лет назад, когда css был молод) и позволяют использовать ID более одного раза.

Однако идентификаторы yes должны быть уникальными и использоваться только один раз.

Если вам нужно использовать css-форматирование более одного раза, используйте CLASS.

Есть отличные ответы на тот же вопрос в https://softwareengineering.stackexchange.com/questions/127178/two-html-elements-with-same-id-attribute-how-bad-is-it .

Один лакомый кусочек, не упомянутый выше , состоит в том, что если существует несколько одинаковых id s одной и той же страницы (что происходит, хотя это и нарушает standard):

Если вам нужно обойти это (это печально), вы можете использовать $("*#foo"), который убедит jQuery использовать getElementsByTagName и вернуть список всех согласованных элементов.

С помощью Javascript вы можете ссылаться только на один элемент, используя ID. document.getElementById и селектор jQuery $ вернут только первое соответствие элемента. Поэтому не имеет смысла использовать один и тот же идентификатор для нескольких элементов.

Да, идентификаторы уникальны. Класс не является.

Технически, по стандарту HTML5 ID должен быть уникальным на странице - https://developer.mozilla.org/en/DOM/element.id

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

Мы называем это «компонентность»

Например, у вас может быть компонент на вашей странице, который является своего рода виджетом. У этого есть вещи внутри с их собственными уникальными идентификаторами, например, «ok-button»

. Когда на странице есть много этих виджетов, у вас есть технически неверный HTML. Но имеет смысл компонентыize ваших виджетов, чтобы каждый из них ссылался на свою собственную кнопку ok, например, если использовать jquery для поиска из собственного корня, это может быть: $widgetRoot.find("#ok-button")

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

Как указано выше, даже YouTube делает это, так что это не так ренегат

из mdn [/g1] https://developer.mozilla.org/en/DOM/element.id

, поэтому я думаю, что лучше быть. ..

Идентификаторы всегда должны быть уникальными.

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

Январь 2018, здесь есть Youtube HTML, вы можете видеть id = "button" id = "info" дублируются.