How to find element without use ID
<p>I have DOM element in array</p>

<pre><code>this.object = 
     &lt;div&gt;
     &lt;span class="color"&gt;"color1&lt;/span&gt; 
     &lt;span class="text"&gt;text1&lt;/span&gt;
     &lt;/div&gt;

     &lt;div&gt;
     &lt;span class="color"&gt;"color2&lt;/span&gt; 
     &lt;span class="text"&gt;text2&lt;/span&gt;
     &lt;/div&gt;

     &lt;div&gt;
     &lt;span class="color"&gt;"color3&lt;/span&gt; 
     &lt;span class="text"&gt;text3/span&gt;
     &lt;/div&gt;

     &lt;div&gt;
     &lt;span class="color"&gt;"color4&lt;/span&gt; 
     &lt;span class="text"&gt;text4&lt;/span&gt;
     &lt;/div&gt;
</code></pre>

<p>this DOM is exist in array of DOM ( this.object )</p>

<p>How I update only the first span or only the second span in the array, I can't use ID from technical issue of my program.</p>

<p>I tried to use
<code>this.element.children[i]</code> but then I didn't know how to find the first or second span</p>
