Untitled

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<style>.fuu{padding:1em 2em;margin:2em;background-color:#f90;text-align:center}</style>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <div id="z2s1" class="fuu">z2s1</div>
    <div id="z4s2" class="fuu">z4s2</div>
<script>
$(document).ready(function(){
    $.each( ["2","4","6"], function( i, val ) {
        var ids = '#z'+val+'s1, #z'+val+'s2';
        console.log(ids);
        $(ids).click(function(){
            alert(this.id);
        });
    });
});
</script>

</body>
</html>