jquery - Append multiple divs to new location (using .prev) -
basically need move links in selection of divs inside div.item
<div class="item">   <div class="inner">     <a class="link">hello</a>   </div> </div> <div class="item">   <div class="inner">     <a class="link">hello</a>   </div> </div>   ive been playing ab out following script cant seem nail it
  $( ".link" ).each(function(){     var prevbox = $(this).prev('.item');     $(this).appendto(prevbox);   });      
$(".link").each(function() {    var prevbox = $(this).closest('.item');    $(this).appendto(prevbox);  });    console.log($('.item')[0].outerhtml)  .inner {    background-color: green  }  .link {    background-color: yellow  }  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="item">    <div class="inner">w      <a class="link">hello</a>    </div>  </div>  <div class="item">    <div class="inner">e      <a class="link">hello</a>    </div>  </div>  you want .closest('.item')
Comments
Post a Comment