将最后一个子项移到第一个位置不适用jquery
moving last child to first position does not work jquery
我尝试在单击时将列表中的最后一个元素移动到第一个位置,但不起作用。我是根据这个问题的答案做的:把最后一个孩子移到第一个位置。Firebug向我展示了列表中发生的一些事情,但它肯定不是最后一次更改:(
jQuery:
$(document).ready(function(){
$(".carousel-button-left").click(function(){
var $ul=$(this).next();
var $lastchild=$ul.children().last();
$ul.prepend($lastchild);
});
});
HTML:
<div class="testowyDiv">
<img class="carousel-button-left" src="ikony/strzalkal.png">
<div class="testowyDiv2">
<ul class="testowyUl">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<img class="carousel-button-right" src="ikony/strzalkap.png">
</div>
$(document).ready(function(){
$(".carousel-button-left").click(function(){
var $ul=$(this).next().find(".testowyUl"); // by next we reach on next div then by find we reach on ul
var $lastchild=$ul.children().last();
$ul.prepend($lastchild);
});
});
$(document).ready(function(){
$(".carousel-button-left").click(function(){
var $ul=$(".testowyUl"); //do you need node traversing, if not use direct, better keep a id for it
var lastchild=$ul.children().last();
console.log(lastchild.val());
$ul.prepend(lastchild);
});
});
演示-Fiddle
使用prepend或insertBefore。
样品:
$(document).ready(function(){
$('.carousel-button-left').click(function() {
var first = $('.testowyUl li:first');
var last = $('.testowyUl li:last');
last.insertBefore(first);
});
});
相关文章:
- .replace 始终将字符放在第一个位置
- REGEX (javascript) - 允许字母数字字符中的特殊字符不在第一个位置
- 获取可滚动列表中第一个可见项的位置
- 获取javascript中以a到Z之间的特定字符开头的第一个文本的位置
- Javascript:在对象数组中找到匹配项并移动到第一个位置
- 在具有标头位置的重定向步骤中检测第一个脚本
- 如何在文本框点击事件中设置文本框中字符的第一个位置---Chrome问题
- Javascript 中的第一个下一个/上一个子字符串位置
- 如何在第一个位置放置不同的谷歌地图标记
- 使用按钮单击将 jQuery UI 可排序元素设置为第一个位置
- 直线的第一个坐标 (x0,y0) 不会影响 SVG 中的起始位置
- 如何将一个dom元素附加到另一个dom元件中,但在jquery中的第一个位置
- 将最后一个子项移到第一个位置不适用jquery
- Ember.js新模型elem到视图中的第一个位置
- 获取数组中非null的特定值的位置(第一个和最后一个)
- 如果第一个位置无法加载,请在第二个位置查找Javascript源文件
- 按金额分组并显示第一个和最后一个位置
- 第一个项目编号显示在最右边,但所有其他项目都向左浮动,我如何将1放在它应该放的位置
- 使用isroll4将最后一个元素滚动到第一个元素的开始位置
- Google Maps API InfoWindow只显示所有标记的第一个位置