Ich habe zwei identische <ul>
Liste, muss ich die Reihenfolge der beiden Liste mit jQuery, wenn ich einen Knopf drücken.Ich habe versucht, den Balg-Code und es ist nicht Arbeiten wie erwartet.Umgekehrte Reihenfolge von zwei Liste zur gleichen Zeit mit der gleichen Reihenfolge
function spin(){
spinList($('.list-view'));
}
var spinList = function($el){
var elementClone = $el.eq(0).clone();
var allLength = elementClone.find('li').length;
for(var i = 0;i<allLength;i++){
var element = elementClone.find('li').eq(allLength-i).clone();
$el.eq(0).find('li').eq(i).replaceWith(element);
$el.eq(1).find('li').eq(i).replaceWith(element);
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="spin()">Change order</button>
<ul class="list-view">
<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>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
<ul class="list-view">
<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>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
Danke, Das ist gut :) – Shin
@ShijinTR: glad :) –
Sie meine Zeit sparen zu helfen, töten 1 Stunde – Shin