jsFiddle/Gist demo - jQuery selectors

fiddle.html

 <div id="container">
     <div id="sub1">
         <div id="sub2">
             <div id="sub3">
                 <div id="sub4">
                     <ul>
                         <li>One</li>
                         <li>Two</li>
                         <li>Three</li>
                         <li>Four</li>
                         <li>Five</li>
                     </ul>
                     <div id="sub5">
                         <div id="sub6">
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<p><button id="button1">Run 1</button></p>
<p><button id="button2">Run 2</button></p>
<p><button id="button3">Run 3</button></p>

fiddle.js

$(document).ready(function() {
    
        
    $('#button1').click(function() {
        $('#sub3').css({border: '2px solid red'} );
            
    });

    
    $('#button2').click(function() {
        $('#sub6').parents('div[id$="2"]').css({border: '4px solid green'}).append('Hi I\'m #sub2');
            
    });
    

    $('#button3').click(function() {
        $('#sub4 ul li').each(function (i) {
            console.log(i);
            if ($(this).text() === 'Three') {
                $(this).css({ border: '1px solid blue'});                
                }
            });         
    });    
});

fiddle.manifest

name: jsFiddle/Gist demo - setTimeout
description: jsFiddle demo hosted on Gist
authors:
  - Gary Smith
title:
  - JS Fiddle - jsFiddle/Gist integration demo - setTimeout
resources:
  - /js/empty.js
normalize_css: yes

...

http://jsfiddle.net/gh/gist/jquery/edge/1687919/