使用jquery为img标记设置src属性

时间:2013-10-02 19:06:49

标签: jquery

我的asp.net mvc4视图页面中有一些图像初始设置如下:

<img id="MyImage-1-Img" src="~/images/blank.png">

<img id="MyImage-2-Img" src="~/images/blank.png">

<img id="MyImage-3-Img" src="~/images/blank.png">

并且在我的代码中的某个时刻,从视图和使用jquery我想要更改其中一个的图像,所以我执行以下操作:

function (id)
{
    $('#MyImage-' + id + '-Img').prop("src", @Url.Content("~/images/SomeImage.png"));
}

但在运行时我收到错误说:

Syntax error in regular expression

它似乎被解析为:

 $('#' + elemId + '-Img').prop("src", /images/Passed.png);

所以错误是传递给prop方法的值,即返回/images/Passed.png的@ Url.Content(“〜/ images / SomeImage.png”)

我的图片文件夹位于根\ images中,上面显示的代码(行)是\ Views \ Test文件夹。

怎么了?

3 个答案:

答案 0 :(得分:1)

我认为您缺少""引号

 $('#MyImage-' + id + '-Img').prop("src", '@Url.Content("~/images/SomeImage.png")');

答案 1 :(得分:1)

你必须引用来源!

.prop("src", '@Url.Content("~/images/SomeImage.png")');

答案 2 :(得分:1)

您也可以使用.attr()方法:

function (id)
{
    $('#MyImage-' + id + '-Img').attr("src", "images/SomeImage.png");
}