Как запретить добавление элементов в <td>

Question

У меня есть вопрос о добавлении элемента в таблицу. У меня есть таблица, к которой картинки добавляются случайным образом. Но в какой-то момент две картинки добавляются в один тег. Как я могу запретить добавление картинки, если она есть?

function randomBlock()
{
   var apple = '<img class="applepic" id="applepic" src="Assets/Apple.png" style="width:100%; 
   height:100% position:absolute; z-index:20">'

   var randomNum = Math.floor(Math.random() * 16);
   var randomTd1 = $('#clickabletable td').eq(randomNum);
   randomTd1.append(apple);
 };

 function randomSecondBlock()
 {
   var apples = document.getElementsByClassName("applepic");
   for(i=0; i<apples.length;i++)
   {
      apples[i].remove();
   }

   var tomatoes = document.getElementsByClassName("tomatopic");
   for(i = 0; i<tomatoes.length;i++)
   {
      tomatoes[i].remove();
   }

   var tomato = '<img class="tomatopic" src="Assets/Cherry.jpg" style="width:100%; height:100% 
   position:absolute; z-index:5;">'
   var randomNum = Math.floor(Math.random() * 16);
   var randomTd2 = $('#clickabletable td').eq(randomNum);
   randomTd2.append(tomato);
   };

 $(document).ready(function()
 {
   var func = function()
   {
      randomSecondBlock();
      randomBlock();
      var time = 1000;
      setTimeout(func,time);
   }
   func();           

Answer 1

Как насчет этого:

if( !randomTd2.find(‘img’) ){//add image code}