javascript - 外部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') );

ここにワーキングフィドルがあります

私が見る 1 つの問題は id='@page.Page' です。これは機能しません。

Answer 2

私はあなたがしようとしていることを願っています。そのためにjqueryの変更属性を使用できます

Jクエリ

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

ドキュメント: http://api.jquery.com/attr/