如何使用jQuery设置图像的src

36 浏览
0 Comments

如何使用jQuery设置图像的src

我正在尝试使用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中都有效。我尝试了：

  • slice(4,-1);
  • split("(")[1] > then replace ( ")" , "" );

我想其他的解决方案也会起作用。但是在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解决方案。

0