Javascript 从js对象获取img源
我有一个js对象Javascript 从js对象获取img源,javascript,jquery,object,Javascript,Jquery,Object,我有一个js对象slider.controlNav,它包含DOM元素。我需要保存在图像的可变源中,该图像包含在与类'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-acti
slider.controlNav
,它包含DOM元素。我需要保存在图像的可变源中,该图像包含在与类'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>
在此之后,在console中出现错误:
未捕获类型错误:slider.controlNav.get(…).find不是函数
get
函数为您提供底层DOM对象。您需要将其转换为jQuery对象
尝试
$(slider.controlNav.get(i)).find('img').attr('src')代码>get
函数为您提供底层DOM对象。您需要将其转换为jQuery对象
尝试$(slider.controlNav.get(i)).find('img').attr('src')代码>请检查此代码
jQuery("slider.controlNav a").each(function() {
var dom_object = jQuery(this).find('img').attr('src');
console.log(dom_object)
});
请用这个代码检查
jQuery("slider.controlNav a").each(function() {
var dom_object = jQuery(this).find('img').attr('src');
console.log(dom_object)
});
您确实希望使用this
或val
,它引用迭代中的当前元素:
jQuery.each(slider.controlNav, function(i, val) {
var src = jQuery(this).eq(i).find('img').attr('src');
console.log( src )
});
或者,只需使用普通JS,如下所示:
slider.controlNav.forEach(function(val) {
var src = val.querySelector( 'img' ).src;
console.log( src );
});
您确实希望使用this
或val
,它引用迭代中的当前元素:
jQuery.each(slider.controlNav, function(i, val) {
var src = jQuery(this).eq(i).find('img').attr('src');
console.log( src )
});
或者,只需使用普通JS,如下所示:
slider.controlNav.forEach(function(val) {
var src = val.querySelector( 'img' ).src;
console.log( src );
});
看
这将仅返回作为类为“flex active”的元素的子元素的图像源。请参见
这将只返回作为类为“flex active”的元素的子元素的图像源。您可能需要$(val).find('img').attr('src')
insteadshowconsole.log($(val).html())
您能对此做些什么吗?您可能需要$(val).find('img').attr('src')
insteadshowconsole.log($(val).html())
你能对此做出解释吗?你错过了问题的第一行、第一行和最后一行;)您错过了问题的第一行、第一行和最后一行;)