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

我的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);
}

我的警报结果是，



我得到的错误是

此行Object doesnot support this error中的("#chatMessageArea").find("messageArea").append(iframe);。

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

最佳答案

首先，您的语法有点过头，但是您可以使用messageArea直接选择id，如下所示：

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

只是为了解决您的原始问题，您缺少了$以及#选择器中的messageArea，因此应该是这样的：

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

但同样，find是毫无意义的，因为您已经为messageArea拥有唯一的ID（或者至少它应该是唯一的！）

关于javascript - 我如何使用jQuery在div内的div中加载iframe，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17275286/