我尝试将列表中的最后一个元素移到单击时的第一个位置,但是它不起作用。我是根据以下问题的答案完成的:Move last child to first position。 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);
});
});