检查是否存在特定的隐藏div，如果没有则创建一个

Question

我想检查是否存在特定的隐藏div，如果没有则创建一个。

我做：

function myFunction(somestring) {

   var myHiddenDiv = jQuery('<div id="js_method" style="display:none">'); 
   ...
   myHiddenDiv.append(somestring);

}

问题是，每当在同一页面上调用该函数时，这似乎会创建一个新的隐藏div。

隐藏的div似乎只是作用于函数，而我希望它作用于页面。

任何提示。

请提示 感谢。

Answer 1

使用长度属性： -

function myFunction(somestring) {
var myHiddenDiv;
if($("#js_method").length == 0){
   myHiddenDiv = jQuery('<div id="js_method" style="display:none">'); 
   $("body").append(myHiddenDiv);
}else{
    myHiddenDiv = $("#js_method");
}
   ...
   myHiddenDiv.append(somestring);

}

Answer 2

为什么不通过ID检查？

if (jQuery("#js_method").length == 0) {
    var myHiddenDiv = jQuery('<div id="js_method" style="display:none">'); 
    ...
    myHiddenDiv.append(somestring);
}