jquery - 将 html 页面加载到 jqueryui 对话框的 div 中并编辑内容

Question

我有一个 Html 页面正在加载到 jquery ui 对话框中，我需要将 session id 插入到静态加载的 html 中以进行页面加载处理。我的第一个想法是使用 .Data() 并以这种方式添加 var，但我认为这不可能在 .Load(page.html) 调用中实现？

所以我尝试了很多不同的方法来做到这一点，但这是 gyst:

<div id="cs0" title ="Add/Edit Licence periods"></div>
$('#cs0').hide();

//load the page into the the div
$('#cs0').load("/Periods.html");

//edit inner html of one of the divs in the loaded page
$('#cs0').innerHTML.getElementById("MyDiv").innerHTML = sessionid;

$('#il0').click(function () {
    $('#cs0').dialog({
        autoOpen: true,
        maxWidth: 1000,
        maxHeight: 800,
        width: 700,
        height: 300,
        modal: true,
    });
});

我也尝试过使用数据，但无法让它发挥作用:(有什么想法吗？

Answer 1

只要内容中不是 iframe，您就可以执行以下操作:

$('#cs0').load("/Periods.html", function() { 
    $('#cs0').find('#MyDiv').html(sessionid);
});

请记住，find 函数需要一个选择器，因此 MyDiv 显然无效。您需要一个合适的选择器，例如类或 ID。