<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
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |