[英]get each id image src inside my array
var nameset_array = ["display1", "display2", "display3"];
//store my id inside my array.
for(var h = 0; h < nameset_array.length; h++){
//loop thought the array and get each id image src.
//is not working.
//tested alert(nameset_array[h].src), not working too.
alert(nameset_array[h].attr("src"));
}
我已經將我的img id存儲到一個數組中,我想獲取每個數組名稱img src,我該如何獲取數組中每個id圖像src?
我測試了nameset_array[h].src
,它也沒有正常工作,有人可以教我如何進行這項工作嗎?
嘗試這個:
var nameset = ["display1", "display2", "display3"];
for(var h = 0; h < nameset.length; h++){
var $img = $('#'+nameset[h]);
if($img.length > 0)
{
alert($($img[0]).attr('src'))
}
}
喜歡:
$( document ).ready(function() {
var nameset = ["display1", "display2", "display3"];
//store my id inside my array.
$( nameset ).each(function( index, val ) {
console.log($("#"+val).attr("src"));
});
});
您的函數將無法正常工作,因為您試圖獲取字符串形式的數組元素的src
-Attribute。 所以,您嘗試過的是:
"display1".src
我敢打賭,現在您會發現自己為何不起作用。
在您的情況下,必須先找到該元素,然后才能“使用”它。 為了使您的nameset_array項目都是現有元素的所有ID,您需要的功能只需做一點點改動:
document.getElementById(nameset_array[h]).src
如果沒有,請在嘗試獲取元素信息之前檢查該元素是否存在。 這是一個完整的示例:
var nameset_array = ["display1", "display2", "display3"];
for(var h = 0; h < nameset_array.length; h++) {
var img = document.getElementById(nameset_array[h]);
if (img) {
alert(img.src);
}
}
如果您不需要舊的瀏覽器支持,則可以不使用需要較少代碼的較新的posibility:
["display1", "display2", "display3"].forEach(function(id) {
var img = document.getElementById(id);
if (img) {
alert(img.src);
}
});
var nameset_array = ["display1", "display2", "display3"]; for(var h = 0; h < nameset_array.length; h++) { var img = document.getElementById(nameset_array[h]); if (img) { alert(img.src); } }
<img id="display1" src="http://foo.bar/img1.png"/> <img id="display2" src="http://foo.bar/img2.png"/> <img id="displayX" src="http://foo.bar/img3.png"/> <img id="display4" src="http://foo.bar/img4.png"/>
這樣做
var nameset = ["display1", "display2", "display3"];
//store my id inside my array.
for(var h = 0; h < nameset.length; h++){
//loop thought the array and get each id image src.
//is not working.
//tested alert(nameset[h].src), not working too.
alert(document.getElementById(nameset[h]).src);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.