Question

I have a loop in my view and during the loop I want to pass the value to a jQuery and return the value back to the div.

View

@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);
    }
});

The load function does work, what am I missing?

Answer 1

Move test outside of $(document).ready():

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

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

Instead of using the onload attribute, you would probably be better off using $(document).ready(). Also, please note that you have multiple divs with id timeDisplay – use a class instead.

 @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")); 
    });
});