ASP.NET MVC 3のパラメータをビューからjQueryに渡します

Question

私のビューにループがあり、ループ中に値をjQueryに渡して値をdivに戻したいとします。

ビュー

@foreach (var item in Model){ 
    <p>@item.Title;</p> 
    <div id="timeDisplay" onload="test(@item.DateTime);"></div> 
} 

jQueryの

$(function() { 
    function test(var datetime){ 
     $("#timeDisplay").html(datetime); 
    } 
}); 

ロード機能が作業を行い、私が何をしないのですか？

私はデータがこのような何かの属性を使用します

Answer 1

移動test外：

$(function() { 
    // document ready stuff 
}); 

function test(var datetime){ 
    $("#timeDisplay").html(datetime); 
} 

onlを使用する代わりにあなたはおそらく$(document).ready()を使う方が良いでしょう。また、idがtimeDisplayの複数のdivがあることに注意してください。代わりにクラスを使用してください。

@foreach (var item in Model) { 
    <p>@item.Title</p> 
    <div class="timeDisplay" data-date="@item.DateTime"></div> 
    } 

$(function() { 
    // document ready stuff 
    $(".timeDisplay").each(function() { 
     $(this).html($(this).data("date")); 
    }); 
}); 

Answer 2

：

@foreach (var item in Model){ 
    <p>@item.Title;</p> 
    <div id="timeDisplay" data-DateTime="@item.DateTime"> 
    </div> 
    } 

$(function() { //anyone know how to do this without the temp? 
    var $el = $("#timeDisplay"); 
    $el.html($el.data('DateTime')); 
}); 

Answer 3

あなたのサーバーデータの前後に引用符を必要とする：$(document).ready()の

onload="test('@item.DateTime');"

Answer 4

例で実行しているのと同じIDを共有する複数の要素を作成しないでください。

また、あなたのJavascriptはこれ以降作成されません。あなたがここで目指しているものを知ることは素晴らしいことです。これはitemプロパティを表示するのに十分です。

@foreach (var item in Model) { 
    <p>@item.Title;</p> 
    <div class="timeDisplay">@item.DateTime</div> 
}