Поместите их в свои собственные «контейнеры»: div с уникальными идентификаторами, такими как:
...
<div id="control1">
...
<!-- Control One goes here -->
<div class="foo">...</div>
...
</div>
...
<div id="control2">
...
<!-- Control Two goes here -->
<div class="foo">...</div>
...
</div>
...
Затем вы можете манипулировать ими, сначала перейдя к DIV с уникальным именем, затем выполнив поиск элементов с классомfoo
.
Для доступа к ним в Javascript вы можете использовать что-то вроде:
var c1 = document.getElementById("control1").getElementsByClassName('foo')[0];
var c2 = document.getElementById("control2").getElementsByClassName('foo')[0];
Убедитесь, что используете [0]
для каждого, потому что getElementsByClassName
возвращает массив элементов,Вам (вероятно) нужен только один элемент (не объект массива).