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

【问题标题】：$('.menu[0]').attr('href').replace("t_", "f_") works on IE, but not Safari or Firefox$('.menu[0]').attr('href').replace("t_", "f_") 适用于 IE，但不适用于 Safari 或 Firefox
【发布时间】：2012-02-16 02:23:57
【问题描述】：

在阅读了许多变体的类似问题后，我仍然坚持这个问题。

这是 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

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

【问题讨论】：

标签： jquery dom jquery-selectors href undefined

【解决方案1】：

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

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

在某些情况下，您会希望使用first 而不是first-child：http://api.jquery.com/first-child-selector/

【讨论】：

清除历史记录和缓存后，没有运气。我得到和以前一样的结果。奇怪。