Я хочу изменить порядок деления с jquery или javascript через имя класса

Question

мой продукт перечислен так

<div class="post-744"></div>
<div class="post-740"></div>
<div class="post-751"></div>
<div class="post-746"></div>
<div class="post-748"></div>

я хочу, чтобы они перечислили вот так

<div class="post-740"></div>
<div class="post-744"></div>
<div class="post-748"></div>
<div class="post-746"></div>
<div class="post-751"></div>

я пробовал это, но не работает

jQuery('.post-740').insertAfter('.post-744').insertAfter('.post-748').insertAfter('.post-746').insertAfter('.post-751');

Answer 1

Вы на правильном пути, используйте after() вместо insertAfter().

jQuery('.post-740')
  .after($('.post-751'))
  .after($('.post-746'))
  .after($('.post-748'))
  .after($('.post-744'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="post-744">744 - 2</div>
<div class="post-740">740 - 1</div>
<div class="post-751">751 - 5</div>
<div class="post-746">746 - 4</div>
<div class="post-748">748 - 3</div>

Использование массива

var posts = ['.post-740', '.post-744','.post-748','.post-746','.post-751']

var topPost = jQuery(posts.shift())
while(posts.length) {
  topPost.after($(posts.pop()))
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="post-744">744 - 2</div>
<div class="post-740">740 - 1</div>
<div class="post-751">751 - 5</div>
<div class="post-746">746 - 4</div>
<div class="post-748">748 - 3</div>