Изменить значение HTML-элемента с помощью внешнего JavaScript

Question

Ниже div, который я хочу изменить

<div id="@page.Page" class="pageMessages" data-messages='@Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(@page.Messages))'></div> 

Я хочу изменить значение сообщения при вызове функции javascipt из внешнего файла.js. Как правильно это сделать?

Answer 1

Вот так...

// This Performs the Change
$('#changeme').attr('data-messages', 'New Value');

// Show the Change
$('#changeme').html( $('#changeme').attr('data-messages') );

Вот рабочая скрипка

Единственная проблема, которую я вижу, это id='@page.Page', это не работает.

Answer 2

Я надеюсь, что я получаю то, что вы пытаетесь сделать, вы можете использовать атрибут изменения jquery для этого

Jquery

<script>
$(document).ready(function(){
   $(".pageMessages").attr("data-messages","your-new-value-here");
});
</script>

DOC: http://api.jquery.com/attr/