Question

我正在为项目制作一个Twitter副本，我们必须这样做，以便在弹出推文时，您可以单击用户名转到其时间轴。因此，我陷入了如何在while循环的每次迭代中添加变量（当前tweet用户名）作为按钮值的麻烦。让我知道我是否遗漏了任何东西，或者他们是更简单的方法。目前，我正在尝试使用.prependTo（），但无法使其正常工作。我之前尝试使用node.appendChild（），但只能使其碰到正文而不是提要。我在这里看到了类似的问题，但似乎没有一个适合这种独特的情况。感谢您的任何想法！

  <!DOCTYPE html>
<html>

  <head>
    <script src="jquery.js"></script>
    <script src="dataGenerator.js"></script>
    <link rel='stylesheet' href='style.css'>
<p id="example"></p>
  </head>
  <body>

    <header class='head'>
      <h1>Twiddler</h1>
    </header>

    <section class='main'>
      <button id="MoreTweets">More Tweets</button>
      <div>
      <p class='feed'></p>
      </div>
    </section>

    <script>

      $(document).ready(function () {
        var $feed = $('.feed');
        $feed.html('');


        var tweetCount = -1

        var loadFeed = reload();
        let button = document.getElementById('MoreTweets');
        button.addEventListener('click', () => {
               reload();
         });


        function reload() {
          var setTweets = streams.home.length - 1;
          var index = setTweets
          while(index > tweetCount) {
            var tweet = streams.home[index];
            var user = tweet.user;
            var input = document.createElement('input');
             input.type = 'button';
             input.value = user; // set the ID
             input.style = 'width: 100';
             input.prependTo($feed);
            var $tweet = $('<p class="tweet"></p>');
            var currentTweet = $tweet.text('@' + user + ' • ' + tweet.created_at + '\n\t' + tweet.message);
            currentTweet.html(currentTweet.html().replace(/\n/, '<br/>'));
            currentTweet.prependTo($feed);
            index -= 1;

          }



          tweetCount = setTweets;
        }

      });

在while循环中将变量添加为按钮值

0 个答案: