Onclick将元素移动到第一个位置

Question

我尝试制作它，以便在点击时，该元素移动到＆＃34; news-layout-1＆＃34;中的第一个位置。元件。到目前为止，我还没有能够让它发挥作用。我尝试使用的实际脚本是RSS提要，因此我无法添加单个类名。

<div class="news-layout-1">
  <div class="item-post"><h1 class="item-title">First One</h1></div>
  <div class="item-post"><h1 class="item-title">Second One</h1></div>
  <div class="item-post"><h1 class="item-title">Third One</h1></div>
  <div class="item-post"><h1 class="item-title">Fourth One</h1></div>
  <div class="item-post"><h1 class="item-title">Fifth One</h1></div>
</div>

$(".item-post").click(function() {
    $($this).prependTo($(".item-post:first-of-type"));
});

小提琴：http://jsfiddle.net/bhav4co6/

Answer 1

试试这个： -

$(".item-post").click(function() {
    $('.news-layout-1').prepend($(this));
});

Working Fiddle.