Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<head>
  <title>JS Bin</title>
  <link href="http://code.jquery.com/qunit/qunit-1.18.0.css" rel="stylesheet"/>
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
​
  <script src="http://code.jquery.com/qunit/qunit-1.18.0.js"></script>
​
  <script>
    module('$ find elements');
​
    test('$.fn.find', function(){
            var $ul = $('#qunit-fixture')
                .html('<ul><li/><li/></ul><ul><li/><li/></ul>')
                .find('ul');
            
            equal($ul.length, 2, 'got 2 uls');
            equal($ul.find('li').length, 4, 'got four lis');
        });
    
        test('$.fn.children', function(){
            var $ul = $('#qunit-fixture')
                .html('<ul><li/><li/></ul><ul><li/><li/></ul>')
                .children();
            
            equal($ul.length, 2, 'got 2 uls');
            equal($ul.children().length, 4, 'got four lis');
        });
​
        test('$.fn.parent', function(){
            var $lis = $('#qunit-fixture')
                .html('<ul><li/><li/></ul><ul><li/><li/></ul>')
                .find('li:first-child');
            
            equal($lis.length, 2, 'got 2 uls');
            equal($lis.parent().length, 2, 'got 2 lis');
        });
​
        test('$.fn.next', function(){
            var $lis = $('#qunit-fixture')
                .html('<ul> <li></li> <li></li> </ul> <ul> <li></li> <li></li> </ul>')
                .find('li:first-child');
            
            equal($lis.length, 2, 'got 2 lis');
            equal($lis.next().length, 2, 'got 2 lis');
            equal($lis.next().next().length, 0, 'got 0 lis');
        });
​
        test('$.fn.prev', function(){
            var $lis = $('#qunit-fixture')
                .html('<ul><li/><li/></ul><ul><li/><li/></ul>')
                .find('li:last-child');
            
            equal($lis.length, 2, 'got 2 uls');
            equal($lis.prev().length, 2, 'got 2 lis');
            equal($lis.prev().prev().length, 0, 'got 2 lis');
        });
  </script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
alexisabrilpro
0viewers