Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style type="text/css">
    <!--
    ul{ width:125px; float:left; display:block; }
    button{ clear:both; display:block; }
    -->
  </style>
</head>
<body>
<div>
<h2>Mitwirkende</h2>
<ul>
<li>
  <a href="#">Ackner, Johannes</a>
</li>
<li>
  <a href="#">Adašević, Borivoje</a>
</li>
<li>
  <a href="#">Adam, Ines</a>
</li>
<li>
  <a href="#">Adam, Christian</a>
</li>
<li>
  <a href="#"></a>
  <a href="#">Addai, Patrick K.</a>
  <br>
  <span>Foto: privat</span>
</li>
<li>
  <a href="#">Adler, Eric</a>
</li>
<li>
  <a href="#"></a>
  <a href="#">Adler, Silvia</a>
  <br>
  <span>Foto: privat</span>
</li>
<li>
  <a href="#">Adorján, Johanna</a>
</li>
<li>
  <a href="#">Aeckersberg, Tanja</a>
</li>
<li>
  <a href="#"></a>
  <a href="#">Aerni, Urs Heinz</a>
  <br>
  <span>Foto: Rainer Haake/Cortex Unit Verlag</span>
</li>
<li>
  <a href="#">Aguigah, René</a>
</li>
<li>
  <a href="#">Ahlheim, Rose</a>
</li>
<li>
  <a href="#">Ahlheim , Klaus </a>
</li>
<li>
  <a href="#">Ahlrichs, Domenika</a>
</li>
<li>
  <a href="#">Ahrberg, Edda</a>
</li>
<li>
  <a href="#"></a>
  <a href="#">Ahrens, S. F.</a>
  <br>
  <span>Foto: Derk Janssen Verlag</span>
</li>
<li>
  <a href="#">Ahrens, Maren</a>
</li>
<li>
  <a href="#">Ahrndt, Erich</a>
</li>
<li>
  <a href="#">Aichinger, Cornelia</a>
</li>
<li>
  <a href="#">Aistermann, Cornelia</a>
</li>
<li>
  <a href="#">Akrap, Doris</a>
</li>
<li>
  <a href="#">Alagjozovski, Robert</a>
</li>
<li>
  <a href="#">Albath, Maike</a>
</li>
<li>
  <a href="#">Albers, Jürgen</a>
</li>
<li>
  <a href="#">Albert, Claudia</a>
</li>
<li>
  <a href="#">Albrecht, Jörg</a>
</li>
</ul>
<button>Halbieren</button>
<script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>-->
<script>
  $( 'button' ).on( "click", function() {
    var elements = 0;
    $( 'ul' ).each( function() {
      elements = Math.floor( $( this ).children().length / 2 );
      var nextAll = $( this ).children( ":nth-child(" + elements + ")" ).nextAll();
      console.log($(this).children());
      console.log(elements);
      console.log($( this ).children( ":nth-child(" + elements + ")" ));
      $('<ul>').append(nextAll).insertAfter($( this ));
    } );
  } );
</script>
</div>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers