我有一個數(shù)組中的元素列表，元素包含大鼠，貓，狗，狼，老虎，獅子，大象可以通過拖動元素來切換元素的位置以重新排列順序。單擊“獲取元素順序”按鈕后，它會顯示元素的順序，例如位置 1 是老鼠。我想在提示訂單后提示一個警告框。我想檢查排列的元素列表中是否存在某些特定順序。例如，“tiger < lion <rat”會提示一個通知（例如“Specific Order Found!!”），因為順序如下：貓、老虎、狼、獅子、狗、大象、老鼠它們不需要是鄰居，但如果在列表中老虎在獅子前面，獅子在老鼠前面，按照順序，就會有消息提示。有沒有一種方法可以驗證整個列表是否包含指定訂單？代碼如下： <head> <title>The order of Sortable Element</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/hot-sneaks/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-2.1.3.js"></script> <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <style> div.sortIt { width: 120px; background-color: #44c756; font-family: Verdana; float: left; margin: 4px; text-align: center; border: medium solid #999; padding: 4px; color:#eee; box-shadow:5px 5px 5px #444;} </style> <script> $(document).ready(function() { $('#sortableContainer').sortable(); $('<br><br><div id=buttonDiv><button>Get Order of Elements</button></div>').appendTo('body'); $('button').button().click(function() { var itemOrder = $('#sortableContainer').sortable("toArray"); for (var i = 1; i < itemOrder.length; i++) { alert("Position: " + i + " ID: " + itemOrder[i-1]); } }) }); </script></head> <body> <div id="sortableContainer"> <div id="rat" class="sortIt">rat</div> <div id="cat" class="sortIt">cat</div> <div id="dog" class="sortIt">dog</div> <div id="wolf" class="sortIt">wolf</div> <div id="tiger" class="sortIt">tiger</div> <div id="lion" class="sortIt">lion</div> <div id="elephant" class="sortIt">elephant</div> </div> <br><br><br> <p>The position is one based.</p></body></html>
jquery - 檢查數(shù)組中是否存在某些訂單
炎炎設計
2023-09-21 10:47:25
