代码之家 › 专栏 › 技术社区 › clestcruz

链接jquery append

css html jquery javascript

clestcruz · 技术社区 · 9 年前

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

如果你看一下我的代码,我只是附加了元素 <ul class="menu" /> 进入元素 #footer .research-centers-menu .research .

然后在下一个代码中,我尝试插入/附加变量 centers <ul class=“菜单”/>

现在的电流输出不会插入元件,而是将其放置在外部。对不起,我的英语不好,解释不清

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>

2 回复 | 直到 9 年前

Rory McCrossan Hsm Sharique Hasan 9 年前

附加问题的原因是 append()

为了使代码正常工作,您可以反转逻辑,以便创建新的 ul ,然后使用 appendTo() 。这将保留附加 li .试试这个:

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

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

<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>

Ajay Dharnappa Poojary 9 年前

尝试这样附加。

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前