单击“使用javascript从xml随机化”

我正在尝试使用单击按钮创建基于xml的图像显示

假设在我的外部xml文件中，我有以下内容：

<?xml version="1.0" encoding="utf-8"?>
<gallery>
    <photo name="summer">
        <file>imageone.jpg</file>
    </photo>
    <photo name="winter">
        <file>image2.jpg</file>
    </photo>
    <photo name="sprint">
        <file>3.jpg</file>
    </photo>
    <photo name="fall">
        <file>four.jpg</file>
    </photo>
</gallery>

imageone.jpg
图像2.jpg
3.jpg
4.jpg

在网页上，我想有一个按钮，当点击时，它会从上面的列表中洗牌，并随机显示一个图像以及相应的照片名称节点

我研究了各种jQueryXML解析器，但在随机化方面遇到了困难。这可能吗

谢谢

我建议：

1) read all image names with any parser into array
2) randomize the array with jQuery
3) select and use 1

---

检索照片阵列后，只需生成一个随机数，然后选择一个：

$photos = $(xmldata).find('photo');
$randomImage = $photos.eq(Math.floor(Math.random() * $photos.length));

$name = $randomImage.attr('name');
$img = $randomImage.find('file').text();