JSの各リンクを個別にクリックする方法は？

Question

両方のリンクを個別にクリックしてリンクを分けてください。私は何を編集したり追加したりするべきですか？

<script type="text/javascript"> 
    $('#submit').click(function() { 
    if ($('#user').val() != '') { 
     alert('For demonstration purposes only. Please do not point your RSS reader to this server.'); 
     var user = $('#user').val(); 

まず一つ

$('#output') 
    .html('') 
    .append('hhtp://www.breakingnews.com/feeds/rss/' + 
    $('#user').val()) 
    .attr('href', 'http://www.breakingnews.com/feeds/rss/' + 
    $('#user').val()); 

二番目の

$('#output') 
    .html('') 
    .append('https://www.theguardian.com/world/' + user + 
    '/rss') 
    .attr('href', 'https://www.theguardian.com/world/' + user + '/rss'); 

Answer 1

var user = $('#user').val(); 
 

 
$('#output') 
 
     .html("") 
 
     .append(jQuery('<a>').attr('href', 'hhtp://www.breakingnews.com/feeds/rss/' + 
 
      user).text('hhtp://www.breakingnews.com/feeds/rss/' + user)); 
 
$('#output') 
 
    .append('<br/>') 
 
    .append(jQuery('<a>').attr('href', 'https://www.theguardian.com/world/' + user + '/rss').text('https://www.theguardian.com/world/' + user + '/rss'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="user" value="user"></input>  
 
<div id="output"></div>

問題は

であります

.html('') 

新しいリンクを追加すると、以前に追加されたすべてのHTMLコンテンツが消去されます。

この方法は、2番目のリンク作成コードでは削除する必要があります。

そして、あなたはlink要素

Answer 2

は、リンクを作成し作成する必要があり、あなたが話しているものをテキスト

var user = "user"; 
    $('#output').empty().append('<a href="https://www.theguardian.com/feeds/rss/' + user +'/rss">https://www.theguardian.com/feeds/rss/' + user + '/rss</a>').append('<hr><a href="https://www.theguardian.com/world/' + user +'/rss">https://www.theguardian.com/world/' + user + '/rss</a>');