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