javascript - 動的に入力された Json オブジェクトから生の HTML データをレンダリングする

Question

モデルの一部である文字列として来る複雑な Json データがあります。

ドキュメントの準備ができたら、次のコードを使用して、一部の JSON を Javascript オブジェクトに解析しています。

    JSON.parse($('#myData').val());

私はJS関数でいくつかの条件を評価しています&生のHTML文字列を取得しています(のようなもの<h2><strong>Note :</strong> No Data found for the selection made</h2>:)

上記のステートメントが評価された後、HTML 本文に存在する @Html.Raw() の div を表示してこのコードをプラグインしたいと考えています。

例えば：

<div id="divNoDataFoundMessage" style="display: none">
     <span class="" style="padding-right: 100px;">
      @{ 
           @Html.Raw()
       }
    </span>
 </div>

document.ready のデータを上記のコードに置き換えて動的に表示する方法を教えてください。

<input type="hidden" value="@Model.MyListData"  id="myData"/>

 $(document).ready(function () {
        var jsonData = JSON.parse($('#myData').val());

        if (jsonData.NoDriversFound != "") {
            $("#divNoDataFoundMessage").show();
            $("#divNoDataFoundMessage span").text(jsonData.NoDriversFound);
        }
};