jsオブジェクトからimgソースを取得

Question

私は、DOM要素を含むjsオブジェクトslider.controlNavを持っています。私はクラス'flex-active'とリンクしている画像の可変ソースに保存する必要があります。

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

トップコードが返されます。

<a href="#0" class="flex-active"> 
    <img src="img/slider-portfolio/logos/__ico__Fason$Active.png"> 
</a> 

<a href="#1> 
    <img src="img/slider-portfolio/logos/__ico__Web$Active.png"> 
</a> 

<a href="#2" class="flex-active"> 
    <img src="img/slider-portfolio/logos/__ico__New$Active.png"> 
</a> 

マイコード：コンソールで、その後

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

私が持っているエラー：

Uncaught TypeError: slider.controlNav.get(...).find is not a function

Answer 1

get機能はあなたに基本となるDOMを与えますオブジェクト。それをjQueryオブジェクトに変換する必要があります。

は$(slider.controlNav.get(i)).find('img').attr('src');

Answer 2

を試してみて、このコードで確認してください。

jQuery("slider.controlNav a").each(function() { 
    var dom_object = jQuery(this).find('img').attr('src'); 
    console.log(dom_object) 
}); 

Answer 3

あなたが繰り返し処理の現在の要素を指し、thisまたはvalを使いたいん：次のように単なるJSを使用し、また

jQuery.each(slider.controlNav, function(i, val) { 
    var src = jQuery(this).eq(i).find('img').attr('src'); 
    console.log(src) 
}); 

：

slider.controlNav.forEach(function(val) { 
    var src = val.querySelector('img').src; 
    console.log(src); 
}); 

Answer 4

参照してください。 this jsbin

var flexActiveControlNavs = slider.controlNav.find(".flex-active"); 

jQuery.each(flexActiveControlNavs, function(i, val) { 
    var dom_object = flexActiveControlNavs.eq(i).find('img').attr('src'); 
    console.log(dom_object); 
}); 

これは、クラス "flex-active"を持つ要素の子であるイメージソースのみを返します。