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 的 div 中加载新的 iframe messageArea。

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

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

Answer 1

您的语法一开始有点偏离，但您可以直接选择messageAreausing it's id，如下所示：

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

---

只是为了清除你原来的问题，你错过了开始$和#你的messageArea选择器，所以它应该是这样的：

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

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

Answer 2

尝试这个：

function createIframe(intxnId){
    // using $() to create the DOM object
    var iframe = $("<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>");  
    alert("iFrame Details : "+iframe);
    // You have to add the '#' to search for an ID instead of an tagname
    $("#chatMessageArea").find("#messageArea").append(iframe);
} 

Answer 3

我认为您从最后一行的开头缺少 $ ： $("#chatMessageArea").find("messageArea").append(iframe);