Как осуществляется правильное обращение из javascript к динамически заданным элементам?

Question

[MAXH0]

т.е. если изначально html задан все просто - обращаемся по id.

а если мы имеем несколько одинаковых блоков создаваемых динамически, то как правильно обращаются к ним. Не хочется создавать минивелосипед в коде. Я уверен есть стандартное решение.

Answer 1

[Евгений Петров]

Так если вы динамически создаёте — ссылки на созданные элементы сохраняйте в переменных или свойствах объекта.

Answer 2

[Сергей Протько]

Как осущетсвляется ПРАВИЛЬНО обращение

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

обращаемся по id

Не по ID а по селектору. Вообще стоит избегать использования селекторов по ID или как минимум делать эти селекторы осмысленно а не просто так. Скажем по data-* атрибутом выборка будет не сильно медленнее и специфичность селекторов от этого не пострадает. А возможностей появляется больше (конфигурация из тех же data-* атрибутов, декларативный подход для инициализации компонентов и т.д.).

Answer 3

[asdz]

да также вроде - по селектору

Answer 4

[キム ファイブプラス]

В Jquery есть такая вещица как map().
Можно использовать на чайлдов какого либо элемента.
И неважно будет элемент создан динамически или нет.
Например

<div id="field">
<input value="1">
<input value="a">
<input value="3">
<input value="b">
<textarea>5</textarea>
<button value="66">Кнопка</button>
</div>
<div id="result"></div>

var result = $('#field textarea, input, button').map(function() {
      return $(this).val()
}).get().join(', ');
$('#result').html(result);

jsfiddle.net/csb8r0e3/2