Eu tenho o seguinte arquivo xml
Eu tenho tentado lê-lo usando o jquery para obter cada uma das tags img. Qual é a melhor forma de fazer isso?
Apenas trate o documento XML como qualquer outro:
$(xml).find('img');
Update: Isso lhe dará um object jQuery contendo todas as tags como elementos DOM. Se você quiser, digamos, um array das tags como strings, fica mais complicado:
var tarr = []; $(xml).find('img').each(function() { tarr.push( $(this).clone().appendTo('').parent().html() ); });
Para obter apenas os atributos src
:
var tarr = []; $(xml).find('img').each(function() { tarr.push( $(this).attr('src') ); });
Com a function .map()
, você pode obter facilmente todos os atributos src
desses img
s em um array de Javascript. Claro que você pode usar .each()
também, mas é muito mais elegante assim.
var srcArray = $(xml).find('img').map(function () { return this.src; }).get();
Demonstração jsfiddle
No meu exemplo, .get()
é usado para criar uma matriz simples do object jQuery retornado.
$ (xml) .find (‘img’). attr (‘src’)