如何獲得所有img及其屬性？

-2

`如何獲得所有img及其屬性？

<ul class="flickr-badge-content"> 
    <li class="first"> 
     <img data-photo-attribution="andysouthwales" data-photo-page="http://www.flickr.com/photos/andysouthwales/1212121/" data-photo-title="abcd" data-photo-id="1212121" src="http://farm3.static.flickr.com/2855/1212121_ce6bfd5c38_s.jpg"></img> 
    </li> 
    <li> 
     <img data-photo-attribution="andysouthwales" data-photo-page="http://www.flickr.com/photos/andysouthwales/1263324993173/" data-photo-title="tennn" data-photo-id="1263324993173" src="http://farm8.static.flickr.com/7457/1263324993173_0e3e9745f8_s.jpg"></img> 
    </li> 
    <li>..............</ul>.......

我想所有的圖像及其屬性。請幫助...

來源

2014-02-24 Rejin

和你嘗試過什麼??? –

以'$（「。flickr-badge-content img」）開頭' – francadaval

''是一個自動關閉元素：''。 –

您可以通過所有的圖像屬性的可循環我敢肯定，你會把剩下的東西畫出來。

來源

2014-02-24 12:50:06 Dropout

我已經爲您提供了一個示例，它可以選擇所有image標記並獲取其中每個標記的source屬性。你可以用它來獲得你想要的whichever attribute。

使用JavaScript

var images = document.getElementsByTagName('img'); 
var srcList = [];//This is just for the src attribute 
for(var i = 0; i < images.length; i++) { 
    srcList.push(images[i].src); 
}

相反的document.getElementsByTagName('img')，你也可以使用document.images集合。

function allSrc() { 
    var src = []; 
    var imgs = document.images; 
    for (var i=0, iLen=imgs.length; i<iLen; i++) { 
    src[i] = imgs[i].src; 
    } 
    return src; 
}

使用Jquery：

var srcList = $('img').map(function() { 
    return this.src; 
}).get();

來源

2014-02-24 12:48:10

嘗試使用

$('img').each(function(currentImage){ 
    console.log(currentImage.data('photo-attribution')); //log some attribute 
});

$(document).ready(function() { 
     var images = $("img"); 
     for (i = 0; i < images.length; i++) { 
     alert($(images[i]).attr("data-photo-attribution")); 
     } 
    });

來源

2014-02-24 12:48:46

你去那裏：

$('.flickr-badge-content li img').each(function(){ 
var data = $(this).data(); 
for(var i in data){ 
    $('<li>', { 
     text: i + ': ' + data[i] 
    }).appendTo('.flickr-badge-content'); 
}});

Working Fiddle

來源

2014-02-24 12:51:45

+1爲偉大的小提琴示例 –

如何獲得所有img及其屬性？

回答

相關問題