[javascript] jQuery에 특정 ID의 div가 있는지 확인하는 방법은 무엇입니까?

<div>클릭시 요소에 a 를 추가하는 함수가 있습니다. 이 함수는 클릭 한 요소의 텍스트를 가져 와서라는 변수에 할당합니다 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의 자식으로의 append 기능에 .labels첨부 된 밖으로 닫을 수있는 방법이 있었다 있도록 <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');
  }
});

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

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
}

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

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

if ( $( "#myDiv" ).length ) {
    //id id ( "#myDiv" ) is exist this will perform
    $( "#myDiv" ).show();

}

    $( "#myDiv" ).length && $( "#myDiv" ).show();

if($('#divId').length!==0){
      Your Code Here
}

if(window["myId"]){
    // ..
}

window[name]
    Returns the indicated element or collection of elements.