Как поместить SVG в DIV при щелчке

Question

У меня есть этот код, и он отлично работает.

var play = function(){ 
    $(this).click(function() { 
     console.log("Test"); 
    }); 
} 

Я хочу заменить console.log («Test»); с SVG, который отображает в нажатом div и не уверен, как это сделать. Я также хочу SVGs чередовать за клик, так что я написал это:

var changePlayer = function(){ 
    if(){ 
     // X Player 
    } else 
     // O Player 
}; 

Должен ли я пройти changePlayer в игру?

Answer 1

var play = function(){ 
    $(this).click(function(e) { 
     var targetBox = (e.target.id); 
     $("#" + targetBox).append("<svg></svg>"); 

    }); 
} 

Это работало ..