JQuery, 복제 및 대상 div에 id가없는 div가 아직없는 경우에만 추가

Question

div를 복제하여 다른 div에 추가하려고합니다. 그러나 대상 div에 아직 복제본이 포함되지 않은 경우에만 이동하려고합니다.

function addToPortFolio(cl) {   
     var className = cl.attr('id');  
     console.log(className); 

     if ($(".portfolioWrapper").has("#" + className).length > 0){ 
      console.log('exists');  
     } else { 
      cl.clone().appendTo('.portfolioWrapper'); 
      console.log('not exist'); 
     } 
    } 

아래는 콘솔 로그 : 그것은 매우 이상한 행동, 그리고 정말 이유를 알아낼 수 없습니다

not exist 
AAA.L 
not exist 
AAA.L 
not exist 
AAAP 
not exist 
AAAP 
exists 
AAAP 
exists 
AAAP 
exists 

. AAA.L 클래스로 div를 계속 클릭하면 작동하지 않지만 AAAP는 유지됩니까?

이것은 일반적인 나쁜 습관입니까?

Answer 1

이 작동합니다 :

function addToPortFolio(cl) { 
    if ($(".portfolioWrapper").find($('.' + cl.className.replace(' ','.'))).length > 0){ 
    console.log('exists');  
    } else { 
    cl.clone().appendTo('.portfolioWrapper'); 
    console.log('just added it'); 
    } 
}