文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jQuery中找到具有特定id的div？

问如何在jQuery中找到具有特定id的div？
EN

Stack Overflow用户

提问于 2010-07-30 17:02:52

回答 9查看 581.9K关注 0票数 287

我有一个函数，它在单击时将一个<div>附加到元素中。该函数获取单击元素的文本，并将其分配给一个名为name的变量。然后将该变量用作附加元素的<div> id。

在追加元素之前，我需要查看带有<div> id的name是否已经存在，但我不知道如何找到它。

这是我的代码：

$("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的子函数添加到附加函数中，因此如果需要，可以关闭附加的<div>。单击.mini-close并尝试再次单击li.friends中的相同名称后，它仍然会找到div id [name]并返回if语句的第一部分。

javascript

jquery

回答 9

Stack Overflow用户

回答已采纳

发布于 2010-07-30 17:03:57

您可以在选择器之后使用.length来查看它是否匹配任何元素，如下所示：

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');
  }
});

或者，这个部分的非jQuery版本(因为它是一个ID)：

$("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');
  }
});

票数 607

Stack Overflow用户

发布于 2010-07-30 19:36:09

尼克的回答把它钉死了。您还可以直接使用getElementById的返回值作为条件，而不是将其与null进行比较(这两种方法都有效，但我个人认为这种样式更易读)：

if (document.getElementById(name)) {
  alert('this record already exists');
} else {
  // do stuff
}

票数 70

Stack Overflow用户

发布于 2014-04-04 01:29:39

if($("#id").length) /*exists*/

if(!$("#id").length) /*doesn't exist*/

票数 24

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3373763

复制

相似问题

问如何在jQuery中找到具有特定id的div？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中找到具有特定id的div？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中找到具有特定id的div？
EN