javascript - jQuery-divが空の場合にのみ、あるdivから別のdivに要素を追加するにはどうすればよいですか？

Question

<div id="apply"></div>
<div id="droppable_slots">
    <div class="slot 1">1</div>
    <div class="slot 2">2</div>
    <div class="slot 3">3</div>
</div>

jqueryを使用して各スロットdivをループし、divにテキスト（1,2,3）文字しかないかどうかを確認し、trueの場合はapply divを追加するにはどうすればよいですか？

Answer 1

これを試して：

var whitelist = ["1","2","3"];
$(".slot").each(function(){
    if(whitelist.indexOf($(this).text()) !== -1) {
        $(this).append($("#apply").clone());
    }
});