javascript - 如何使用Jquery在div内的div中加载iframe

Question

我的div是

<div id="chatMessageArea" class="divBorder">
    <div id="messageArea" class="divBorder"></div>
    <div id="enterMessage" class="divBorder"></div>
</div>

如何在 ID 为 messageArea 的 div 中加载新的 Iframe。

我的 Jquery 函数将是，

function createIframe(intxnId){

    var iframe = "<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>";
    alert("iFrame Details : "+iframe);
    ("#chatMessageArea").find("messageArea").append(iframe);
}

我的警报结果是，

我得到的错误是，

此行中的对象不支持此错误 ("#chatMessageArea").find("messageArea").append(iframe);。

如何在 ID 为 messageArea 的内部 div 中使用 JSP 创建 IFrame。

Answer 1

您的语法一开始就有点偏离，但您可以使用它的 id 直接选择 messageArea，如下所示:

$("#messageArea").append(iframe);

<小时/>

只是为了解决您原来的问题，您缺少起始 $ 以及 messageArea 选择器中的 #，所以它应该曾经是这样的:

$("#chatMessageArea").find("#messageArea").append(iframe);

但是，find 是没有意义的，因为您已经有了 messageArea 的唯一 ID(或者至少它应该是唯一的!)