jQuery：追加不起作用

Question

我正在尝试使用ul在另一个li元素中的3 ^rd ul元素中插入.append()元素，但我的代码似乎没有做任何事情。

jQuery的：

$(function() {
  $('ul.tier1 li:nth-child(3)').append('<ul class="tier2">{% for product_vendor in collection.all_vendors %}<li>{{ product_vendor | link_to_vendor }}</li>{% endfor %}');
}); 

HTML：

<div class="mainnav">
  <ul class="tier1">
    <li id="blog">blog</li>
    <li class="">
      <a class="tier1title" href="/collections/newarrivals">New Arrivals</a>
    </li>
    <li>
      <a href="/#">Brands</a>
      <li class="">
        <a class="tier1title" href="/#">Categories</a>
        <ul class="tier2">
          <li class="">
            <a href="/collections/knits">Knits</a>
          </li>
          <li class="">
            <a href="/collections/tops">Tops</a>
          </li>
          <li class="">
            <a href="/collections/dresses">Dresses</a>
          </li>
          <li class="">
            <a href="/collections/bottoms">Bottoms</a>
          </li>
            ...
          <li class="">
            <a class="tier1title" href="/collections/sale">Sale</a>
          </li>
          <li class="registerform">
            ...
          </li>
        </ul>
      </li>
    </li>
  </ul>
</div>

Answer 1

问题是您的第三个<li>代码实际上并未关闭：）

<li> <a href="/#">Brands</a>

关闭它，你会没事的。

编辑：

工作示例：

http://jsfiddle.net/oboh82vw/4/