从xml文件中获取所有img标签（jquery）

我有以下xml文件

我一直试图用jquery读取它来获取每个img标签。 什么是最好的方法呢？

Answer 1

只需将XML文档视为任何其他文档：

 $(xml).find('img'); 

更新：这将为您提供一个包含所有标记作为DOM元素的jQuery对象。 如果你想要一个标签数组作为字符串，它会变得更复杂：

 var tarr = []; $(xml).find('img').each(function() { tarr.push( $(this).clone().appendTo('
').parent().html() ); }); 

要获得src属性：

 var tarr = []; $(xml).find('img').each(function() { tarr.push( $(this).attr('src') ); }); 

Answer 2

使用.map()函数，您可以轻松地将这些img的所有src属性转换为Javascript数组。 当然你也可以使用.each() ，但这种方式更优雅。

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

jsFiddle演示

在我的示例中， .get()用于从返回的jQuery对象创建一个简单数组。

Answer 3

$（XML）.find（ ‘IMG’）。ATTR（ ‘SRC’）