jquery - jqueryを使用してimgタグのsrcプロパティを設定する

Question

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を使用して、そのうちの1つの画像を変更したいので、次のアクションを実行します。

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 フォルダーです。

どうしたの？

Answer 1

.attr() メソッドを使用することもできます。

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