jquery - 更改元素内的 iframe 内容

Question

$(document).ready(function () {
    $('#keywordframe').contents().find("#step12").html('');
    $('#keywordframe').contents().find("#step12").html('11');
    $('#keywordframe').contents().find("#step13").html('');
    $('#keywordframe').contents().find("#step13").html('12');
    $('#keywordframe').contents().find("#step14").html('');
    $('#keywordframe').contents().find("#step14").html('13');
    $('#keywordframe').contents().find("#step15").html('');
    $('#keywordframe').contents().find("#step15").html('14');
});

我尝试使用上面的代码来更改 iframe 中的内容，但它不起作用。除非我alert('');把$('#keywordframe').contents().find("#step12").html('');

如果只是会生效。这是什么原因，谁能帮忙？

Answer 1

可能只是您需要等待 iframe 加载。

由于这是我目前唯一能想到的，试试这个：

$(document).ready(function () {
    $('#keywordframe').load(function() {
        $('#keywordframe').contents().find("#step12").html('');
        $('#keywordframe').contents().find("#step12").html('11');
        $('#keywordframe').contents().find("#step13").html('');
        $('#keywordframe').contents().find("#step13").html('12');
        $('#keywordframe').contents().find("#step14").html('');
        $('#keywordframe').contents().find("#step14").html('13');
        $('#keywordframe').contents().find("#step15").html('');
        $('#keywordframe').contents().find("#step15").html('14');
    });
});

我不知道它是否会解决您的问题，但值得一试。