$('.menu[0]').attr('href').replace("t_", "f_") 适用于 IE，但不适用于 Safari 或 Firefox

Question

在阅读了具有多种变体的类似问题后，我仍然停留在这个问题上。

这是 HTML：

<div id="menu">
        <img class="menu" id="2"  src="./images/child/t_jamie.jpg" alt="Jamie" data-id="2" />
        <img class="menu" id="3"  src="./images/child/t_jimmy.jpg" alt="Jimmy" data-id="3" />
        <img class="menu" id="4"  src="./images/child/t_chloe.jpg" alt="Chloe" data-id="4" />
        <img class="menu" id="5"  src="./images/child/t_francis.jpg" alt="Francis" data-id="5" />
        <img class="menu" id="6"  src="./images/child/t_sam.jpg" alt="Sam" data-id="6" />
</div>

这是 javascript：

$.vegas({
        src: $($('.menu')[0]).attr('href').replace("t_", "f_"),
        fade: 1500
    });

它在 IE 9 中工作正常，但在 Safari 或 Firefox 中不起作用。这是 Firebug 错误：

$(".menu")[0].href is undefined

我已经尝试了上述方法的许多变体，但无法获得所需的功能。我知道它必须很简单。你能帮忙吗？

Answer 1

我认为你的意思是 src 而不是 href：

$('.menu:first-child').attr('src').replace("t_", "f_")

在某些情况下，你会想要使用 first 而不是 first-child: http://api.jquery.com/first-child-selector/