如何在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内容。

您应该在第二个链接创建代码中删除此方法。

而且你应该创建一个链接元素

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>');