使用JQuery将li标签加载到ul标签中

Question

我的设计中有一个空的无序列表。现在我想将以下内容添加到ul元素：

<li>
  <div class="item left">
    <div class="wrap">
      <h2>Test Header1</h2>

      <p>Test Copy</p>

      <p><a class="button" href="#">Click here</a></p>
    </div>

    <img src="images/bubble.jpg" width="248" height="211" class="right" />
  </div>
</li>

使用setInterval，我希望将另一个li元素/内容附加到ul元素，而不删除添加的第一个li。我如何使用jQuery实现这一目标？

Answer 1

使用.append：$('ul').append('<li>....</li>');

Answer 2

请查看.append，例如：$("ul").append(li_html_here);请记住，您只需要指定ul而不仅仅是$（“ul”），否则你会将li附加到每个ul在页面上（例如：添加ID）。

Answer 3

1. 重写您的代码如下

<li class="firstli">   
  <div class="item left">
    <div class="wrap">   
      <h2>Test Header1</h2>
      <p>Test Copy</p>
      <p><a class="button" href="#">Click here</a></p>
    </div>
    <img src="images/bubble.jpg" width="248" height="211" class="right" />
  </div>
</li>

<li class="firstli"> <div class="item left"> <div class="wrap"> <h2>Test Header1</h2> <p>Test Copy</p> <p><a class="button" href="#">Click here</a></p> </div> <img src="images/bubble.jpg" width="248" height="211" class="right" /> </div> </li>

1. 并使用以下内容：

$('ul').append($('.firstli'));