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

如何在JS中单独单击每个链接？

2 个答案: