javascript – 如何找到jQuery中是否存在具有特定id的div？

我有一个附加< div>的函数单击时的元素.该函数获取被点击元素的文本,并将其分配给名为name的变量.然后将该变量用作< div>附加元素的id.

我需要看一下< div>在我追加元素之前已经存在带有名称的id,但我不知道如何找到它.

这是我的代码：

$("li.friend").live('click',function() {
  name = $(this).text();

  // if-statement checking for existence of <div> should go here
  // If <div> does not exist,then append element
    $("div#chatbar").append("<div class='labels'><div id='" + name + "' style='display:none;'></div>" + name + "</div>");

  // Else
    alert('this record already exists');
});

这看起来非常简单,但我收到错误“搜索类名时文件意外结束”.我不知道这意味着什么.

if (document.getElementById(Name)) {
  $("div#" + Name).css({Bottom: '30px'});
} else {
  $("div#page-content div#chatbar").append("<div class='labels'>" + name + "</div><div id='" + name + "'></div>");
}

更重要的是,我希望能够删除此元素,如果我将其关闭,然后从文档中删除div id [name],但.remove()不会这样做.

这是代码：

$(".mini-close").live('click',function(){
  $(this).parent().remove();
});

我添加了.mini-close作为.labels的子项的append函数,所以有一种方法可以关闭附加的< div>如果需要的话.单击.mini-close并尝试再次从li.friends中单击相同的名称后,它仍会找到div id [name]并返回我的if语句的第一部分.

if($("#" + Name).length == 0) {
  //it doesn't exist
}

$("li.friend").live('click',function(){
  name = $(this).text();
  if($("#" + Name).length == 0) {
    $("div#chatbar").append("<div class='labels'><div id='" + name + "' style='display:none;'></div>" + name + "</div>");
  } else {
    alert('this record already exists');
  }
});

$("li.friend").live('click',function(){
  name = $(this).text();
  if(document.getElementById(Name) == null) {
    $("div#chatbar").append("<div class='labels'><div id='" + name + "' style='display:none;'></div>" + name + "</div>");
  } else {
    alert('this record already exists');
  }
});