使用外部javascript更改html元素的值

Question

以下是我要更改的div

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

我想从外部.js文件调用javascipt函数时更改消息的值。 正确的方法是什么？

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的change属性

JQUERY

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

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