Mootools 选择器故障答案

【问题标题】：Mootools selector troubleMootools 选择器故障
【发布时间】：2011-08-15 00:46:24
【问题描述】：

我有这个 html：

    <div id="link-thumbs-list">
<img src="image.php?f=http://www.jetphotos.net/trans.gif&amp;h=72&amp;w=128" />
<img src="image.php?f=http://www.jetphotos.net/logo-nb.jpg&amp;h=72&amp;w=128" />
<img src="image.php?f=http://www.jetphotos.net/trans.gif&amp;h=72&amp;w=128" />
</div>

我需要在每个 imgs 的 src 属性中选择 f= (file url) .. 我能怎么做？？谢谢

【问题讨论】：

例如，第一个<img> 的最终结果是<img src='http://www.jetphotos.net/trans.gif&amp;h=72&amp;w=128' /> ?
不，这个：<a href="/default/index/tourl?u=aHR0cDovL3d3dy5qZXRwaG90b3MubmV0L3RyYW5zLmdpZjwvY29kZQ%3D%3D" rel="nofollow" target="_blank">jetphotos.net/trans.gif</code</a>>

标签： javascript mootools css-selectors

【解决方案1】：

就是这样：

var urls = document.getElements("#link-thumbs-list img").get("src").map(function(el) {
    return el.replace("image.php?f=", "").split("&")[0];
});

console.log(urls);

输出：

["http://www.jetphotos.net/trans.gif", "http://www.jetphotos.net/logo-nb.jpg", "http://www.jetphotos.net/trans.gif"]

【讨论】：

【解决方案2】：

$$("#link-thumbs-list img").each(function(elem) {
    var m = elem.get("src").match(/f=([^&]*)&/);
    if (m && m[1]) {
        elem.set("src", m[1]);
    }
});

【讨论】：