javascript - 如何使用jQuery设置图片src

Question

我正在尝试使用 jQuery 更改图像 src 属性

jQuery("#imageID").attr('src','http://localhost:8080/images/1/myImage.png' );

使用上面的代码我可以更改 src 属性，但是当我尝试这样做时:-

jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image') );

我无法更改 src。

提供

alert ( jQuery("#imageBlock").css('background-image') );

返回:

url(http://localhost:8080/images/1/myImage.png)

编辑#1就在我即将接受解决方案的时候。我必须说，几乎所有解决方案都适用于 FF。我试过了:

• 切片(4,-1);
• split("(")[1] > 然后替换 (")", "");

我想其他人也可以。但是没有一个解决方案在 IE 中有效。原因是:而 FF 返回:

url(http://localhost:8080/images/1/myImage.png)

IE 返回:

url("http://localhost:8080/images/1/myImage.png")

^^ 注意这里的引号

现在，设置 src 属性的通用方法是什么。是否需要测试浏览器是否为IE？

这是工作代码。

var src = "";
    if ( jQuery.browser.msie ) {
        src = jQuery("#imageBlock").css('background-image').slice(5,-2);        
    }else{
        src = jQuery("#imageBlock").css('background-image').slice(4,-1);
    }   
    jQuery("#imageID").attr('src', src );

我真的不喜欢它:x。如果还有其他解决方案，请告诉我，否则我会立即接受 slice 解决方案。

Answer 1

IMO，slice 比 substring 或 replace 更合适。试试这个:

jQuery("#imageID").attr(
    'src',
    jQuery("#imageBlock").css('background-image').slice(4,-1)
);

在这里，您在 url( 和 ) 之间分割字符串。请参阅 slice 上的 MDC方法的详细描述。