das Duplikat von append verhindern und ersetzen mit durchlässigen ein

Question

ich wie unter einer Append Funktion haben: -

function solve() { 
 
var equ = $('#equ').val(); 
 
var names = equ.match(/[a-zA-z]/g).join(""); 
 
var list = $("#names-list"); 
 
var parent = list.parent(); 
 
list.detach().empty().each(function(i){ 
 
    for (var x = 0; x < names.length; x++){ 
 
     var one = $("#demo").append('<input type="radio" id="radio" name="demo" value="'+names[x]+'">'+names[x]); 
 
     if (x == names.length - 1){ 
 
      $(this).appendTo(parent); 
 
      
 
     } 
 
    } 
 
}); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<input type="text" value="10x-3y+9t=0" id="equ"><button onclick="solve()">append</button> 
 
<div id="parent"> <ul id="names-list"></ul></div> 
 
<p id="demo" ></p>

, wenn die Schaltfläche Werte vorhanden sind erfolgreich Anfügen klicken und klicken zweiten Mal gleichen Werte werden dupliziert.Hier werden die duplizierten Werte gestoppt und vor dem Klicken auf den Anfüge-Button löschen Sie die zuvor angezeigten Werte in demo id.please korrigieren Sie meinen Code, um mein Problem zu lösen.Vielen Dank im Voraus.

Answer 1

jQuery append oder appendTo wird verwendet, wenn Sie Elemente einfügen möchten. Wenn Sie nur einmal anhängen möchten, sollten Sie html() Methode von jQuery verwenden. Unten ist Code.

function solve() { 
 
var equ = $('#equ').val(); 
 
var names = equ.match(/[a-zA-z]/g).join(""); 
 
var list = $("#names-list"); 
 
var parent = list.parent(); 
 
list.detach().empty().each(function(i){ 
 
    for (var x = 0; x < names.length; x++){ 
 
     var one = $("#demo").append('<input type="radio" id="radio" name="demo" value="'+names[x]+'">'+names[x]); 
 
     if (x == names.length - 1){ 
 
      $(this).html(parent); 
 
      
 
     } 
 
    } 
 
}); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<input type="text" value="10x-3y+9t=0" id="equ"><button onclick="solve()">append</button> 
 
<div id="parent"> <ul id="names-list"></ul></div> 
 
<p id="demo" ></p>