javascript - 更新面板和模式窗口

我有我的mainpage.aspx，然后是我的mainDetails.ascx

/*As well as this javascript:*/
$(document).ready(function() {
  $("#modal-close").click(function() {
    $("#modal-content, #modal-background, #modal-close").toggleClass("active");
  });
  $("#keywordSelection").click(function() {
    alert('hit');
  });
});
/*mainDetails.ascx is an `asp:UpdatePanel` this contains the following javascript:*/
function jsModal() {
  $("#keywordSearch").click(function() {
    //alert('hi');
    $("#modal-content, #modal-background, #modal-close").toggleClass("active");
    //$("#modal-content").$("divTestVal").append.html

    var html = $("#modal-content").next("#divTestVal").html();
    alert(html);
  });
}

<!-- mainpage.aspx is a web form that contains the following:-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="modal-background"></div>
<div id="modal-content">
  <input type="button" id="modal-close" value="Close Modal Window" />
  <br />
  <div id="divTestVal">
    [Append Values Here!]
  </div>
  <br />
  <input type="button" id="keywordSelection" value="Selector!" />
</div>

我需要的是一种从模态中填充和读取值的方法。现在，html变量返回null。

如何从模态中获取[Append Values Here!]值？

最佳答案

我找到了一种方法。

在mainDetail.ascx javascript中，我添加了以下内容：

        $('#modal-content div').each(function (index) {
            alert($(this).text());
            $(this).html("updated text now");
        });

这不仅会循环遍历mainpage.aspx上的模式窗口中的每个div，而且还会更新div中的文本值。