使用外部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/