我有一个函数,附加<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添加到append函数中,作为.labels的子函数,因此如果需要,可以关闭附加的<div>。在单击.mini-close并试图再次从li.friends中单击相同的名称后,它仍然找到div id [name]并返回if语句的第一部分。