How to find if div with specific id exists in jQuery

Question

I   ve got a function that appends a  lt div gt  to an element on click  The function gets the text of the clicked element and assigns it to a variable called name  That variable is then used as the  lt div gt  id of the appended element   I need to see if a  lt div gt  id with name already exists before I append the element but I don   t know how to find this   Here is my code      li friend   live  click   function       name     this  text          if-statement checking for existence of  lt div gt  should go here      If  lt div gt  does not exist  then append element        div chatbar   append   lt div class  labels  gt  lt div id      name      style  display none   gt  lt  div gt     name     lt  div gt           Else     alert  this record already exists          This seems pretty straightforward but I   m getting the error    Unexpected end of file while searching for class name     I have no clue what that means   if  document getElementById name          div     name  css  bottom   30px       else        div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt         What   s more is that I want to be able to delete this element if I close it out which should then remove the div id  name  from the document but  remove   does not do this   Here is the code for that       mini-close   live  click   function        this  parent   remove          I added  mini-close to the append function as a child of  labels so there was a way to close out of the appended  lt div gt  if needed  After clicking  mini-close and attempting to click the same name again from li friends it still finds the div id  name  and returns the first part of my if statement

User · Answer

Nick s answer nails it  You could also use the return value of getElementById directly as your condition  rather than comparing it to null  either way works  but I personally find this style a little more readable    if  document getElementById name       alert  this record already exists      else        do stuff

User · Answer

You can use  length after the selector to see if it matched any elements  like this   if         name  length    0        it doesn t exist     The full version      li friend   live  click   function      name     this  text      if         name  length    0           div chatbar   append   lt div class  labels  gt  lt div id      name      style  display none   gt  lt  div gt     name     lt  div gt         else       alert  this record already exists              Or  the non-jQuery version for this part  since it s an ID       li friend   live  click   function      name     this  text      if document getElementById name     null           div chatbar   append   lt div class  labels  gt  lt div id      name      style  display none   gt  lt  div gt     name     lt  div gt         else       alert  this record already exists

User · Answer

You can check by using jquery simply like this   if     divId   length   0         Your Code Here

User · Answer

Try to check the length of the selector  if it returns you something then the element must exists else not   if      selector   length              use this if you are using id to check           it exists     if      selector   length              use this if you are using class to check           it exists     Use the first if condition for id and the 2nd one for class

User · Answer

Here is the jQuery function I use   function isExists var elemId       return jQuery     elemId  length  gt  0      This will return a boolean value  If element exists  it returns true  If you want to select element by class name  just replace   with

User · Answer

You can handle it in different ways    Objective is to check if the div exist then execute the code  Simple   Condition                myDiv   length   Note      myDiv - gt   lt  div id  myDiv   gt   lt br gt   myDiv - gt   lt  div class  myDiv   gt     This will return a number every time it is executed so if there is no div it will give a Zero  0   and as we no 0 can be represented as false in binary so you can use it in if statement  And you can you use it as a comparison with a none number  while any there are three statement given below       Statement 0    jQuery Ajax has replace   document getElementById with   sign   and etc    if you don t want to use jQuery ajax      if  document getElementById name               div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt               Statement 1    if         name  length      if 0 then false   if not 0 then true           div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt               Statement 2     if         name  length        Means Not  So if it 0 not then  0 not is 1                div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt               Statement 3     if         name  length  gt  0              div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt               Statement 4     if         name  length     0        length not equal to 0 which mean exist            div page-content div chatbar   append   lt div class  labels  gt     name     lt  div gt  lt div id      name      gt  lt  div gt

User · Answer

put the id you want to check in jquery is method   var idcheck      selector   is   id      if idcheck      if the selector contains particular id     your code if particular Id is there    else     your code if particular Id is NOT there

User · Answer

if       quot  myDiv quot    length            if    quot  myDiv quot    is exist this will perform         quot  myDiv quot    show        Another shorthand way          quot  myDiv quot    length  amp  amp      quot  myDiv quot    show

User · Answer

The most simple way is    if window  myId                   This is also part of HTML5 specs  https   www w3 org TR html5 single-page html accessing-other-browsing-contexts named-access-on-the-window-object  window name      Returns the indicated element or collection of elements

User · Answer

if     id   length    exists    if      id   length    doesn t exist

[javascript] How to find if div with specific id exists in jQuery?

Examples related to javascript

Examples related to jquery