Get img source from js Object
<p>I have a js object <code>slider.controlNav</code>, that contains DOM elements. I need to save in variable source of image, that contains in link with class <code>'flex-active'</code>.</p>

<pre><code> jQuery.each(slider.controlNav, function(i, val) {
   var  dom_object = slider.controlNav.get(i);
      console.log(dom_object)
  });
</code></pre>

<p>Top code returns:</p>

<pre><code>&lt;a href="#0" class="flex-active"&gt;
    &lt;img src="img/slider-portfolio/logos/__ico__Fason$Active.png"&gt;
&lt;/a&gt;

&lt;a href="#1&gt;
    &lt;img src="img/slider-portfolio/logos/__ico__Web$Active.png"&gt;
&lt;/a&gt;

&lt;a href="#2" class="flex-active"&gt;
    &lt;img src="img/slider-portfolio/logos/__ico__New$Active.png"&gt;
&lt;/a&gt;
</code></pre>

<p>My code:</p>

<pre><code>jQuery.each(slider.controlNav, function(i, val) {
   var  dom_object = slider.controlNav.get(i).find('img').attr('src');
      console.log(dom_object)
  });
</code></pre>

<p>After that in console i have error:</p>

<blockquote>
  <p>Uncaught TypeError: slider.controlNav.get(...).find is not a function</p>
</blockquote>