链接jquery附加

时间:2017-08-10 09:35:28

标签: javascript jquery html css

我正在试图找出如何将多个追加链接到我的标记中。基本上在追加一个元素之后,我希望下一个元素将它附加到第一个附加元素。我希望我说的是有道理的。

如果您查看我的代码,我只需将元素<ul class="menu" />添加到元素#footer .research-centers-menu .research中。

然后在下一个代码中,我试图将变量centers插入/附加到<ul class="menu" />

现在的当前输出不会插入元素,而是将其放在外面。为我糟糕的英语和解释道歉

var researchCenters = $('a[href$="/items"]').next().clone(),
  centersList = $('li', researchCenters),
  centers = centersList.slice(0);


var research = $('#footer .research-centers-menu .research').append('<ul class="menu" />');

$(research).append(centers);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <a href="aim/items"></a>
    <ul>
      <li>item one</li>
      <li>item two</li>
    </ul>
  </li>
</ul>

<div id="footer">
  this is a footer
  <div class="research-centers-menu">
    <div class="research">

    </div>

  </div>
</div>

1 个答案:

答案 0 :(得分:1)

尝试像这样追加。

var researchCenters = $('a[href$="/items"]').next().clone(),
  centersList = $('li', researchCenters),
  centers = centersList.slice(0);


var research = $('#footer .research-centers-menu .research')
var ul =$('<ul class="menu" />').append(centers);
research.append(ul);