class vs attributes

JavaScript performance comparison

Revision 2 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="pageContainer">
  <div id="header">
    <div id="logo-bg">
    </div>
    <br/>
    <div id="headerContent">
      <div id="siteLogo">
        <p id="printLogo">
          <img src="/static/images/brands/littlewoods/logo-mono.gif" alt="Littlewoods" title="Littlewoods" />
        </p>
        <ul id="navSkipTo">
          <li id="logo">
            <a href="/" manual_cm_re="Homepage-_-Header-_-Logo" title="Littlewoods"></a>
          </li>
          <li>
          <a href="#content">Skip to content</a>
          </li>
        </ul>
      </div>
      <div id="siteWelcome" style="display:none">
        <span id="welcomeStatement" style="display:none">
        </span>
        <span id="welcomeQuestion" style="display:none">
        </span>
        <span style="display:none" class="signInEl">
          <a id="signInLogoutLink" href="https://www.littlewoods.com:443/login/en/login.page?cm_re=Homepage-_-Header-_-Login" rel="nofollow">Sign In / Register</a>
        </span>
        <span style="display:none" class="logoffEl">
          <a class="logoffLink" href="#none" rel="nofollow">Sign Out</a>
          <div style="position:absolute;visibility:hidden;">
            <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.1#" name="1" method="post">
              <div>
                <input value="UTF-8" type="hidden" name="_dyncharset"/>
              </div>
              <div>
                <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/>
              </div>
              <input value="http://www.littlewoods.com:80/home/en/home.page?cm_re=Homepage-_-Header-_-Logout+Homepage" type="hidden" name="/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/>
              <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/>
              <input value="logout" type="submit" name="/atg/userprofiling/ProfileFormHandler.logout" id="logoffButton"/>
              <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logout"/>
              <div>
                <input value="/content/slots/header.jsp.1" type="hidden" name="_DARGS"/>
              </div>
            </form>
          </div>
        </span>
      </div>
      <div id="siteLinks">
        <ul>
          <li>
          <a href="https://www.littlewoods.com:443/myaccount/en/myAccountStatus.page?cm_re=Homepage-_-Header-_-Account+Summary" rel="nofollow">My Account</a> |
          </li>
          <li>
          <a href="https://www.littlewoods.com:443/myaccount/en/orderList.page?cm_re=Homepage-_-Header-_-Track+Order" rel="nofollow">Track Order</a> |
          </li>
          <li>
          <a href="http://www.littlewoods.com:80/quick-order/en/quickOrder.page?cm_re=Homepage-_-Header-_-Quick+Order" rel="nofollow">Quick Order</a> |
          </li>
          <li>
          <a href="http://www.littlewoods.com:80/help/en/online-help-system.page?cm_re=Homepage-_-Header-_-Online+Help+System" rel="nofollow">Help</a>&nbsp;|&nbsp;
          <a href="/help/en/contact-us.page?cm_re=Basket-_-Header-_-Contact+Us">Contact Us</a>
          <span class="signInSeparator"> |
          </span>
          </li>
          <!-- Sign In or Log Off will be dynamically shown based on the value of a cookie. -->
          <li class="signInEl siteLinkSignInLogout" style="display: none;">
            <a id="signInLogoutLink" href="https://www.littlewoods.com:443/login/en/login.page?cm_re=Homepage-_-Header-_-Login" rel="nofollow">Sign In / Register</a>
          </li>
          <li class="logoffEl siteLinkSignInLogout" style="display: none;">
            <a class="logoffLink" href="#none" rel="nofollow">Sign Out</a>
            <div style="position:absolute;visibility:hidden;">
              <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.1#" name="1" method="post">
                <div>
                  <input value="UTF-8" type="hidden" name="_dyncharset"/>
                </div>
                <div>
                  <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/>
                </div>
                <input value="http://www.littlewoods.com:80/home/en/home.page?cm_re=Homepage-_-Header-_-Logout+Homepage" type="hidden" name="/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/>
                <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/>
                <input value="logout" type="submit" name="/atg/userprofiling/ProfileFormHandler.logout" id="logoffButton"/>
                <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logout"/>
                <div>
                  <input value="/content/slots/header.jsp.1" type="hidden" name="_DARGS"/><div class="pippo" pippo="true"></div>
                </div>
              </form>
            </div>
          </li>
        </ul>
      </div>
      <div id="siteSearch">
        <p id="strapline">Search or enter a catalogue number:
        </p>
        <form action="/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?cm_re=Homepage-_-Header-_-Search" name="keywordSearchForm" method="get" id="keywordSearchForm">
          <div>
            <input value="UTF-8" type="hidden" name="_dyncharset"/>
          </div>
          <div>
            <input value="-5650437379167158829" type="hidden"/>
          </div>
          <fieldset>
            <input value="Search or enter catalogue number" autocomplete="off" type="text" name="/sdg/endeca/SearchFormHandler.value.term" id="searchBox"/>
            <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.value.term"/>
            <input type="image" src="/images/btn-go.gif" id="btnGo" value="btnGo" alt="Go" disabled/>
            <input value="btnGo" type="hidden" name="/sdg/endeca/SearchFormHandler.keywordSearch"/>
            <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.keywordSearch"/>
            <input value="3" type="hidden" name="/sdg/endeca/SearchFormHandler.minSearchLength" id="minSearchLength"/>
            <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.minSearchLength"/>
            <input value="250" type="hidden" name="/sdg/endeca/SearchFormHandler.searchDelayPeriod" id="searchDelayPeriod"/>
            <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.searchDelayPeriod"/>
            <input value="2018062817" type="hidden" name="/atg/userprofiling/Profile.accountNumber" id="speedTrapAccountNumber"/>
            <input value=" " type="hidden" name="_D:/atg/userprofiling/Profile.accountNumber"/>
            <input type="hidden" id="kickOffSearch"/>
          </fieldset>
          <div id="typeAheadResultsForm">
            <div class="formBox">
            </div>
          </div>
          <div>
            <input value="/content/slots/include/search/keywordSearch.jsp.keywordSearchForm" type="hidden" name="_DARGS"/>
          </div>
        </form>
      </div>
      <div id="siteBasket">
        <div id="contactNumber">
          <span>
          </span>		<strong>0844 822 8000</strong>
        </div>
        <div id="basketInfo">
          <a class="wishlistLink" href="#none" rel="nofollow">Wish Lists</a>
          <div class="hidden">
            <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.2#" name="2" method="post">
              <div>
                <input value="UTF-8" type="hidden" name="_dyncharset"/>
              </div>
              <div>
                <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/>
              </div>
              <input value="https://www.littlewoods.com:443/myaccount/en/myWishlists.page?cm_re=Homepage-_-Header-_-My+Wishlists" type="hidden" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistsUrl"/>
              <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistsUrl"/>
              <input value="http://www.littlewoods.com:80/wishlists/en/myWishlistDetails.page?cm_re=Homepage-_-Header-_-My+Wishlist+Details" type="hidden" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistDetailsLinkSuccessURL"/>
              <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistDetailsLinkSuccessURL"/>
              <input value="wishlistsLink" type="submit" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistsLink" id="wishlistsLink"/>
              <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistsLink"/>
              <div>
                <input value="/content/slots/header.jsp.2" type="hidden" name="_DARGS"/>
              </div>
            </form>
          </div>
          <a class="basketLink" href="http://www.littlewoods.com:80/basket/en/basket.page" manual_cm_re="Homepage-_-Header-_-Shopping+Basket">
            <div class="basketItems">
              <span id="basketItems">
              </span>&nbsp;Items
            </div>
            <div class="basketValue">
              <span>Your Basket
              </span>
            </div></a>
        </div>
      </div>
    </div>
    
    <div id="headerFoot">
    </div>
   
    <!--[if IE 6]>
    <a style="display:none;" class="ie6banner"  href="/web/en/upgrade-internet-explorer-6.page" manual_cm_re="Homepage-_-Header-_-Upgrade+Browser"><img src="/images/2011/04/landingpage/06_internet_explorer_landing_page/970_banner.jpg" alt="Did you know your browser is out of date?" title="Did you know your browser is out of date?" id="ie6" /></a>
    <![endif]-->
    <br/>
    <ul id="crumbTrail">
      <li>
      <a href="/">Home</a>
      </li>
    </ul>
    <br/>
  </div>
  <div id="content" class="typeA">
    <div id="navigation_faceted">
    </div>
    <div id="mainContent">
            <div id="hp-container">
        <div id="mainBanner">
          <div>
            <div class="main-banner-rotates">
              <ul id="banners">
                <!--[if !IE]> Rotate 1 <![endif]-->
                <li class="active">
                  <div id="rotate-wrap1" class="rotate-wrap">
                    <a href="/web/en/home-price-crash.page" manual_cm_re="Homepage-_-Main+Banner+Rotation+1-_-Home+Electrical+Sale">
                      <img height="485" border="0" width="723" title="Home &amp; Electrical Sale" alt="Home &amp; Electrical Sale" src="/images/2011/12/homepage/22_homepage/rotate2/home-electrical-sale.jpg">             </a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!--[if !IE]> Rotate Controls <![endif]-->
        </div>
      </div>
      <form id="main-banner-email-signup" method="get" action="/web/en/emailSubscription.page?cm_re=Homepage-_-Form-_-Sign+Up+For+Emails">
        <div id="input-box">
          <input type="text" id="signupText" class="empty" name="emailsignup" value="Sign up for emails">
        </div>
        <div id="signup-button">
          <button id="signupButton" name="btnFooterSignUp" type="submit">Sign up
          </button>
        </div>
        <input type="hidden" name="cmtag" value="e">
      </form>
      <a id="main-banner-bnpl" manual_cm_re="Homepage-_-Main+Banner-_-BNPL?cm_sp=Financial+Services-_-BNPL-_-Main+Banner" href="/web/en/bnpl.page">
        <img width="722" height="31" border="0" src="/images/2011/12/homepage/22_homepage/bnpl.png" alt="Buy now pay later." title="Buy now pay later."></a>
      <br/>
      <div style="width:100%; display:block; float:left; height:10px;">
      </div>
      <br/>
      <div id="" class="tabbedDynamic">
        <input type="hidden" class="tabsAdded" value="0" />
        <ul class="tabTitles">
          <li class="active">Dresses
          </li>
          <li>Shoes & Boots
          </li>
          <li>Coats & Jackets
          </li>
          <li>Sportswear
          </li>
          <li>Gaming
          </li>
          <li>Washers & Dryers
          </li>
        </ul>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Dresses
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T0" />
            <input type="hidden" class="cmSlotName" value="HOME NEW IN DRESSES" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">

                <li class="dynamicProduct product10">
                  <a href="/lipsy-elastic-cut-out-dress/1042765415.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T0+-+HOME+NEW+IN+DRESSES-_-23ZDT11">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A211P_SP768_16_23ZDT" alt="&nbsp;Elastic Cut Out Dress" title="&nbsp;Elastic Cut Out Dress" class="dynamicProductImage" />
                    <div class="dynamicBrand">Lipsy
                    </div>
                    <div class="dynamicDescription">Elastic Cut Out Dress
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;0.93
                        </em> per week
                      </div>
                      <span class="now">£72.00&nbsp;
                      </span>
                    </div></a>
                </li>
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/women/dresses/e/b/1655/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T0+-+HOME+NEW+IN+DRESSES-_-ViewAll">
                <span>View all womens new in dresses &gt;
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Shoes & Boots
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T1" />
            <input type="hidden" class="cmSlotName" value="HOME SHOES BOOTS" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">
                <li class="dynamicProduct product1">
                  <a href="/ugg-australia-tall-classic-boots/1025852794.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T1+-+HOME+SHOES+BOOTS-_-3UVCP15">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=D201P_SP174_70_CX0ZL" alt="&nbsp;Tall Classic Boots" title="&nbsp;Tall Classic Boots" class="dynamicProductImage" />
                    <div class="dynamicBrand">Ugg Australia
                    </div>
                    <div class="dynamicDescription">Tall Classic Boots
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;2.51
                        </em> per week
                      </div>
                      <span class="now">£255.00&nbsp;
                      </span>
                    </div></a>
                </li>
               
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/women/shoes-boots/e/b/1665/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T1+-+HOME+SHOES+BOOTS-_-ViewAll">
                <span>View all new in shoes & boots &gt;
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Coats & Jackets
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T2" />
            <input type="hidden" class="cmSlotName" value="HOME WOMENS COATS JACKETS" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">
                <li class="dynamicProduct product1">
                  <a href="/south-padded-three-quarter-coat/915173834.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-4964613">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A201P_SP140_02_ES05Hb" alt="&nbsp;Padded Three-quarter Coat" title="&nbsp;Padded Three-quarter Coat" class="dynamicProductImage" />
                    <div class="dynamicBrand">South
                    </div>
                    <div class="dynamicDescription">Padded Three-quarter Coat
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;1.80
                        </em> per week
                      </div>
                      <span class="now">£36.00&nbsp;
                      </span>
                    </div></a>
                </li>
                
                <li class="dynamicProduct product10">
                  <a href="/south-long-reefer-coat/1011547629.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-XGPJT12">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A221P_SP145_04_ES0BGa" alt="&nbsp;Long Reefer Coat" title="&nbsp;Long Reefer Coat" class="dynamicProductImage" />
                    <div class="dynamicBrand">South
                    </div>
                    <div class="dynamicDescription">Long Reefer Coat
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;2.80
                        </em> per week
                      </div>
                      <span class="now">£56.00&nbsp;
                      </span>
                    </div></a>
                </li>
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/women/coats-jackets/e/b/1642/s/bestsellers,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-ViewAll">
                <span>View all coats & jackets &gt;<div class="pippo" pippo="true"></div>
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Sportswear
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T3" />
            <input type="hidden" class="cmSlotName" value="HOME SPORTSWEAR" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">
                
                <li class="dynamicProduct product4">
                  <a href="/adidas-baby-tri-colour-suit/1006162981.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T3+-+HOME+SPORTSWEAR-_-VUSLK15">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A201P_SP239_02_FR04S" alt="&nbsp;Baby Tri-colour Suit " title="&nbsp;Baby Tri-colour Suit " class="dynamicProductImage" />
                    <div class="dynamicBrand">adidas
                    </div>
                    <div class="dynamicDescription">Baby Tri-colour Suit
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;1.35
                        </em> per week
                      </div>
                      <span class="now">£27.00&nbsp;
                      </span>
                    </div></a>
                </li>
                
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/new-season-sports-arrivals/e/b/2780/s/newin,0/promo/101200002.end" manual_cm_re="Homepage-_-Main+-+S2+-+T3+-+HOME+SPORTSWEAR-_-ViewAll">
                <span>View all new in sportswear &gt;
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Gaming
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T4" />
            <input type="hidden" class="cmSlotName" value="HOME GAMING" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">
                <li class="dynamicProduct product1">
                  <a href="/nintendo-wii-zumba-fitness/816653864.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T4+-+HOME+GAMING-_-PI77722">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=B065P_SP010_12_PU2IP" alt="&nbsp;Zumba Fitness" title="&nbsp;Zumba Fitness" class="dynamicProductImage" />
                    <div class="dynamicBrand">Nintendo Wii
                    </div>
                    <div class="dynamicDescription">Zumba Fitness
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;1.50
                        </em> per week
                      </div>
                      <span class="was">Was&nbsp;£34.00&nbsp;
                      </span>
                      <span class="now">Now&nbsp;£30.00&nbsp;
                      </span>
                      <span class="save">Save&nbsp;£4.00
                      </span>
                    </div></a>
                </li>
                
               
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/save-up-to-half-price-on-gaming/e/s/bestsellers,0/promo/44200022.end" manual_cm_re="Homepage-_-Main+-+S2+-+T4+-+HOME+GAMING-_-ViewAll">
                <span>View all gaming &gt;
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
        <div id="" class="paginatedDynamic scroll-5">
          <!--  Set all required variables derived from BCC dynamic product slot -->
          <!-- Creates the navigation facade containing the endeca products -->
          <div class="dynamicContentSlot"><h2>
              <span>Washers & Dryers<div class="pippo" pippo="true"></div>
              </span></h2>
            <input type="hidden" class="cmPageName" value="Homepage" />
            <input type="hidden" class="cmPageArea" value="Main" />
            <input type="hidden" class="cmSlotPosition" value="S2" />
            <input type="hidden" class="cmTabNumber" value="T5" />
            <input type="hidden" class="cmSlotName" value="HOME WASHERS DRYERS" />
            <!-- Go through the list of products and display all live items -->
            <div class="dynamicProductWrapper">
              <ul class="dynamicProductList">
                <li class="dynamicProduct product1">
                  <a href="/beko-wmb71442w-1400-spin-7kg-washing-machine---white/930194122.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T5+-+HOME+WASHERS+DRYERS-_-PE3431Z">
                    <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A112P_SP709_11_PE0J5" alt="&nbsp;WMB71442W 1400 Spin, 7Kg Washing Machine - White" title="&nbsp;WMB71442W 1400 Spin, 7Kg Washing Machine - White" class="dynamicProductImage" />
                    <div class="dynamicBrand">Beko
                    </div>
                    <div class="dynamicDescription">WMB71442W 1400 Spin, 7Kg Washing Machine - White
                    </div>
                    <div class="dynamicPrice">
                      <div class="dynamicWeekly">From
                        <em>&pound;2.84
                        </em> per week
                      </div>
                      <span class="was">Was&nbsp;£439.00&nbsp;
                      </span>
                      <span class="now">Now&nbsp;£289.00&nbsp;
                      </span>
                      <span class="save">Save&nbsp;£150.00
                      </span>
                    </div></a>
                </li>
               
                
                <li class="clear">
                </li>
              </ul>
            </div>
            <div class="dynamicViewAll">
              <a href="/electricals/washers-dryers/e/b/4589/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T5+-+HOME+WASHERS+DRYERS-_-ViewAll">
                <span>View all washers & dryers &gt;
                </span>
                <em>
                </em>
                <span class="hidden">
                </span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="relatedContent">
    </div>
  </div>
  <div id="footer">
    <img src="http://ace-tag.advertising.com/action/type=896450229/bins=1/rich=0/mnum=1516/site=703223/logs=0/betr=A3940=[+]TY3" width="1" height="1">
    <img src="http://leadback.advertising.com/adcedge/lb?site=703223&srvc=17&betr=A3940=LP&betq=6837=393753" width="1" height="1">
    <br/>
    <div id="footerLinks">
     
    </div>
    <div id="footerSmallPrint">
      <div id="email-signup">
        <div id="sign-up-msg">
          <p class="first">Keep in touch
          </p>
          <p>Sign up for email updates
          </p>
        </div>
        <form action="/web/en/emailSubscription.page?cm_re=Footer-_-Form-_-Sign+Up+For+Emails" method="get">
          <div id="input-box">
            <input type="text" value="Enter e-mail address" name="emailsignup" class="empty" id="signupText" />
          </div>
          <div id="signup-button">
            <button type="submit" name="btnFooterSignUp" id="signupButton">Sign up
            </button>
          </div>
          <input type="hidden" value="e" name="cmtag" />
        </form>
      </div>
      <div id="rubric">&copy;Shop Direct Limited. 2011, All Rights Reserved. Shop Direct Home Shopping Limited. Registered number: 4663281.<br />Registered office: 1st Floor, Skyways House, Speke Road, Speke, Liverpool L70 1AB.
      </div>
    </div>
    <br/>
    <div id="siteRedirectMessage">
      <div id="siteRedirectContent">	    <h3>Choice is now part of Littlewoods</h3>
        <ul>
          <li>Your account has been transferred
          </li>
          <li>You can use your normal Choice log in details
          </li>
          <li>Just click Continue to carry on shopping<div class="pippo" pippo="true"></div>
          </li>
        </ul>
        <a id="siteRedirectHelp" href="/web/en/choice-becoming-part-of-littlewoods.page?cm_re=URL+Redirect+Lightbox-_-Choice+To+Littlewoods-_-FAQs">Frequently Asked Questions</a>
        <div id="siteRedirectActions">
          <a href="#" id="siteRedirectContinue">
            <img src="/static/images/buttons/btn-continue.gif" alt="Continue"></a>
          <span>
            <a href="#" id="siteRedirectBookmark">Click here</a> to bookmark
          </span>
        </div>
      </div>
    </div>
    <br/>
    <div id="speedtrapSlot">
    </div>
    <br/>
  </div>
</div>

<div class="pippo" pippo="true"></div>
    

Preparation code output

<div id="pageContainer"> <div id="header"> <div id="logo-bg"> </div> <br/> <div id="headerContent"> <div id="siteLogo"> <p id="printLogo"> <img src="/static/images/brands/littlewoods/logo-mono.gif" alt="Littlewoods" title="Littlewoods" /> </p> <ul id="navSkipTo"> <li id="logo"> <a href="/" manual_cm_re="Homepage-_-Header-_-Logo" title="Littlewoods"></a> </li> <li> <a href="#content">Skip to content</a> </li> </ul> </div> <div id="siteWelcome" style="display:none"> <span id="welcomeStatement" style="display:none"> </span> <span id="welcomeQuestion" style="display:none"> </span> <span style="display:none" class="signInEl"> <a id="signInLogoutLink" href="https://www.littlewoods.com:443/login/en/login.page?cm_re=Homepage-_-Header-_-Login" rel="nofollow">Sign In / Register</a> </span> <span style="display:none" class="logoffEl"> <a class="logoffLink" href="#none" rel="nofollow">Sign Out</a> <div style="position:absolute;visibility:hidden;"> <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.1#" name="1" method="post"> <div> <input value="UTF-8" type="hidden" name="_dyncharset"/> </div> <div> <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/> </div> <input value="http://www.littlewoods.com:80/home/en/home.page?cm_re=Homepage-_-Header-_-Logout+Homepage" type="hidden" name="/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/> <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/> <input value="logout" type="submit" name="/atg/userprofiling/ProfileFormHandler.logout" id="logoffButton"/> <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logout"/> <div> <input value="/content/slots/header.jsp.1" type="hidden" name="_DARGS"/> </div> </form> </div> </span> </div> <div id="siteLinks"> <ul> <li> <a href="https://www.littlewoods.com:443/myaccount/en/myAccountStatus.page?cm_re=Homepage-_-Header-_-Account+Summary" rel="nofollow">My Account</a> | </li> <li> <a href="https://www.littlewoods.com:443/myaccount/en/orderList.page?cm_re=Homepage-_-Header-_-Track+Order" rel="nofollow">Track Order</a> | </li> <li> <a href="http://www.littlewoods.com:80/quick-order/en/quickOrder.page?cm_re=Homepage-_-Header-_-Quick+Order" rel="nofollow">Quick Order</a> | </li> <li> <a href="http://www.littlewoods.com:80/help/en/online-help-system.page?cm_re=Homepage-_-Header-_-Online+Help+System" rel="nofollow">Help</a>&nbsp;|&nbsp; <a href="/help/en/contact-us.page?cm_re=Basket-_-Header-_-Contact+Us">Contact Us</a> <span class="signInSeparator"> | </span> </li> <!-- Sign In or Log Off will be dynamically shown based on the value of a cookie. --> <li class="signInEl siteLinkSignInLogout" style="display: none;"> <a id="signInLogoutLink" href="https://www.littlewoods.com:443/login/en/login.page?cm_re=Homepage-_-Header-_-Login" rel="nofollow">Sign In / Register</a> </li> <li class="logoffEl siteLinkSignInLogout" style="display: none;"> <a class="logoffLink" href="#none" rel="nofollow">Sign Out</a> <div style="position:absolute;visibility:hidden;"> <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.1#" name="1" method="post"> <div> <input value="UTF-8" type="hidden" name="_dyncharset"/> </div> <div> <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/> </div> <input value="http://www.littlewoods.com:80/home/en/home.page?cm_re=Homepage-_-Header-_-Logout+Homepage" type="hidden" name="/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/> <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logoutSuccessURL"/> <input value="logout" type="submit" name="/atg/userprofiling/ProfileFormHandler.logout" id="logoffButton"/> <input value=" " type="hidden" name="_D:/atg/userprofiling/ProfileFormHandler.logout"/> <div> <input value="/content/slots/header.jsp.1" type="hidden" name="_DARGS"/><div class="pippo" pippo="true"></div> </div> </form> </div> </li> </ul> </div> <div id="siteSearch"> <p id="strapline">Search or enter a catalogue number: </p> <form action="/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?cm_re=Homepage-_-Header-_-Search" name="keywordSearchForm" method="get" id="keywordSearchForm"> <div> <input value="UTF-8" type="hidden" name="_dyncharset"/> </div> <div> <input value="-5650437379167158829" type="hidden"/> </div> <fieldset> <input value="Search or enter catalogue number" autocomplete="off" type="text" name="/sdg/endeca/SearchFormHandler.value.term" id="searchBox"/> <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.value.term"/> <input type="image" src="/images/btn-go.gif" id="btnGo" value="btnGo" alt="Go" disabled/> <input value="btnGo" type="hidden" name="/sdg/endeca/SearchFormHandler.keywordSearch"/> <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.keywordSearch"/> <input value="3" type="hidden" name="/sdg/endeca/SearchFormHandler.minSearchLength" id="minSearchLength"/> <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.minSearchLength"/> <input value="250" type="hidden" name="/sdg/endeca/SearchFormHandler.searchDelayPeriod" id="searchDelayPeriod"/> <input value=" " type="hidden" name="_D:/sdg/endeca/SearchFormHandler.searchDelayPeriod"/> <input value="2018062817" type="hidden" name="/atg/userprofiling/Profile.accountNumber" id="speedTrapAccountNumber"/> <input value=" " type="hidden" name="_D:/atg/userprofiling/Profile.accountNumber"/> <input type="hidden" id="kickOffSearch"/> </fieldset> <div id="typeAheadResultsForm"> <div class="formBox"> </div> </div> <div> <input value="/content/slots/include/search/keywordSearch.jsp.keywordSearchForm" type="hidden" name="_DARGS"/> </div> </form> </div> <div id="siteBasket"> <div id="contactNumber"> <span> </span> <strong>0844 822 8000</strong> </div> <div id="basketInfo"> <a class="wishlistLink" href="#none" rel="nofollow">Wish Lists</a> <div class="hidden"> <form action="/content/slots/;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3?_DARGS=/content/slots/header.jsp.2#" name="2" method="post"> <div> <input value="UTF-8" type="hidden" name="_dyncharset"/> </div> <div> <input value="-5650437379167158829" type="hidden" name="_dynSessConf"/> </div> <input value="https://www.littlewoods.com:443/myaccount/en/myWishlists.page?cm_re=Homepage-_-Header-_-My+Wishlists" type="hidden" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistsUrl"/> <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistsUrl"/> <input value="http://www.littlewoods.com:80/wishlists/en/myWishlistDetails.page?cm_re=Homepage-_-Header-_-My+Wishlist+Details" type="hidden" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistDetailsLinkSuccessURL"/> <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistDetailsLinkSuccessURL"/> <input value="wishlistsLink" type="submit" name="/atg/commerce/gifts/GiftlistFormHandler.wishlistsLink" id="wishlistsLink"/> <input value=" " type="hidden" name="_D:/atg/commerce/gifts/GiftlistFormHandler.wishlistsLink"/> <div> <input value="/content/slots/header.jsp.2" type="hidden" name="_DARGS"/> </div> </form> </div> <a class="basketLink" href="http://www.littlewoods.com:80/basket/en/basket.page" manual_cm_re="Homepage-_-Header-_-Shopping+Basket"> <div class="basketItems"> <span id="basketItems"> </span>&nbsp;Items </div> <div class="basketValue"> <span>Your Basket </span> </div></a> </div> </div> </div> <div id="headerFoot"> </div> <!--[if IE 6]> <a style="display:none;" class="ie6banner" href="/web/en/upgrade-internet-explorer-6.page" manual_cm_re="Homepage-_-Header-_-Upgrade+Browser"><img src="/images/2011/04/landingpage/06_internet_explorer_landing_page/970_banner.jpg" alt="Did you know your browser is out of date?" title="Did you know your browser is out of date?" id="ie6" /></a> <![endif]--> <br/> <ul id="crumbTrail"> <li> <a href="/">Home</a> </li> </ul> <br/> </div> <div id="content" class="typeA"> <div id="navigation_faceted"> </div> <div id="mainContent"> <div id="hp-container"> <div id="mainBanner"> <div> <div class="main-banner-rotates"> <ul id="banners"> <!--[if !IE]> Rotate 1 <![endif]--> <li class="active"> <div id="rotate-wrap1" class="rotate-wrap"> <a href="/web/en/home-price-crash.page" manual_cm_re="Homepage-_-Main+Banner+Rotation+1-_-Home+Electrical+Sale"> <img height="485" border="0" width="723" title="Home &amp; Electrical Sale" alt="Home &amp; Electrical Sale" src="/images/2011/12/homepage/22_homepage/rotate2/home-electrical-sale.jpg"> </a> </div> </li> </ul> </div> </div> <!--[if !IE]> Rotate Controls <![endif]--> </div> </div> <form id="main-banner-email-signup" method="get" action="/web/en/emailSubscription.page?cm_re=Homepage-_-Form-_-Sign+Up+For+Emails"> <div id="input-box"> <input type="text" id="signupText" class="empty" name="emailsignup" value="Sign up for emails"> </div> <div id="signup-button"> <button id="signupButton" name="btnFooterSignUp" type="submit">Sign up </button> </div> <input type="hidden" name="cmtag" value="e"> </form> <a id="main-banner-bnpl" manual_cm_re="Homepage-_-Main+Banner-_-BNPL?cm_sp=Financial+Services-_-BNPL-_-Main+Banner" href="/web/en/bnpl.page"> <img width="722" height="31" border="0" src="/images/2011/12/homepage/22_homepage/bnpl.png" alt="Buy now pay later." title="Buy now pay later."></a> <br/> <div style="width:100%; display:block; float:left; height:10px;"> </div> <br/> <div id="" class="tabbedDynamic"> <input type="hidden" class="tabsAdded" value="0" /> <ul class="tabTitles"> <li class="active">Dresses </li> <li>Shoes & Boots </li> <li>Coats & Jackets </li> <li>Sportswear </li> <li>Gaming </li> <li>Washers & Dryers </li> </ul> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Dresses </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T0" /> <input type="hidden" class="cmSlotName" value="HOME NEW IN DRESSES" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product10"> <a href="/lipsy-elastic-cut-out-dress/1042765415.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T0+-+HOME+NEW+IN+DRESSES-_-23ZDT11"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A211P_SP768_16_23ZDT" alt="&nbsp;Elastic Cut Out Dress" title="&nbsp;Elastic Cut Out Dress" class="dynamicProductImage" /> <div class="dynamicBrand">Lipsy </div> <div class="dynamicDescription">Elastic Cut Out Dress </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;0.93 </em> per week </div> <span class="now">£72.00&nbsp; </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/women/dresses/e/b/1655/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T0+-+HOME+NEW+IN+DRESSES-_-ViewAll"> <span>View all womens new in dresses &gt; </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Shoes & Boots </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T1" /> <input type="hidden" class="cmSlotName" value="HOME SHOES BOOTS" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product1"> <a href="/ugg-australia-tall-classic-boots/1025852794.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T1+-+HOME+SHOES+BOOTS-_-3UVCP15"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=D201P_SP174_70_CX0ZL" alt="&nbsp;Tall Classic Boots" title="&nbsp;Tall Classic Boots" class="dynamicProductImage" /> <div class="dynamicBrand">Ugg Australia </div> <div class="dynamicDescription">Tall Classic Boots </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;2.51 </em> per week </div> <span class="now">£255.00&nbsp; </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/women/shoes-boots/e/b/1665/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T1+-+HOME+SHOES+BOOTS-_-ViewAll"> <span>View all new in shoes & boots &gt; </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Coats & Jackets </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T2" /> <input type="hidden" class="cmSlotName" value="HOME WOMENS COATS JACKETS" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product1"> <a href="/south-padded-three-quarter-coat/915173834.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-4964613"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A201P_SP140_02_ES05Hb" alt="&nbsp;Padded Three-quarter Coat" title="&nbsp;Padded Three-quarter Coat" class="dynamicProductImage" /> <div class="dynamicBrand">South </div> <div class="dynamicDescription">Padded Three-quarter Coat </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;1.80 </em> per week </div> <span class="now">£36.00&nbsp; </span> </div></a> </li> <li class="dynamicProduct product10"> <a href="/south-long-reefer-coat/1011547629.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-XGPJT12"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A221P_SP145_04_ES0BGa" alt="&nbsp;Long Reefer Coat" title="&nbsp;Long Reefer Coat" class="dynamicProductImage" /> <div class="dynamicBrand">South </div> <div class="dynamicDescription">Long Reefer Coat </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;2.80 </em> per week </div> <span class="now">£56.00&nbsp; </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/women/coats-jackets/e/b/1642/s/bestsellers,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T2+-+HOME+WOMENS+COATS+JACKETS-_-ViewAll"> <span>View all coats & jackets &gt;<div class="pippo" pippo="true"></div> </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Sportswear </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T3" /> <input type="hidden" class="cmSlotName" value="HOME SPORTSWEAR" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product4"> <a href="/adidas-baby-tri-colour-suit/1006162981.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T3+-+HOME+SPORTSWEAR-_-VUSLK15"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A201P_SP239_02_FR04S" alt="&nbsp;Baby Tri-colour Suit " title="&nbsp;Baby Tri-colour Suit " class="dynamicProductImage" /> <div class="dynamicBrand">adidas </div> <div class="dynamicDescription">Baby Tri-colour Suit </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;1.35 </em> per week </div> <span class="now">£27.00&nbsp; </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/new-season-sports-arrivals/e/b/2780/s/newin,0/promo/101200002.end" manual_cm_re="Homepage-_-Main+-+S2+-+T3+-+HOME+SPORTSWEAR-_-ViewAll"> <span>View all new in sportswear &gt; </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Gaming </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T4" /> <input type="hidden" class="cmSlotName" value="HOME GAMING" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product1"> <a href="/nintendo-wii-zumba-fitness/816653864.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T4+-+HOME+GAMING-_-PI77722"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=B065P_SP010_12_PU2IP" alt="&nbsp;Zumba Fitness" title="&nbsp;Zumba Fitness" class="dynamicProductImage" /> <div class="dynamicBrand">Nintendo Wii </div> <div class="dynamicDescription">Zumba Fitness </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;1.50 </em> per week </div> <span class="was">Was&nbsp;£34.00&nbsp; </span> <span class="now">Now&nbsp;£30.00&nbsp; </span> <span class="save">Save&nbsp;£4.00 </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/save-up-to-half-price-on-gaming/e/s/bestsellers,0/promo/44200022.end" manual_cm_re="Homepage-_-Main+-+S2+-+T4+-+HOME+GAMING-_-ViewAll"> <span>View all gaming &gt; </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> <div id="" class="paginatedDynamic scroll-5"> <!-- Set all required variables derived from BCC dynamic product slot --> <!-- Creates the navigation facade containing the endeca products --> <div class="dynamicContentSlot"><h2> <span>Washers & Dryers<div class="pippo" pippo="true"></div> </span></h2> <input type="hidden" class="cmPageName" value="Homepage" /> <input type="hidden" class="cmPageArea" value="Main" /> <input type="hidden" class="cmSlotPosition" value="S2" /> <input type="hidden" class="cmTabNumber" value="T5" /> <input type="hidden" class="cmSlotName" value="HOME WASHERS DRYERS" /> <!-- Go through the list of products and display all live items --> <div class="dynamicProductWrapper"> <ul class="dynamicProductList"> <li class="dynamicProduct product1"> <a href="/beko-wmb71442w-1400-spin-7kg-washing-machine---white/930194122.prd;jsessionid=19718935DB52241677CAFA4A0FE32CF1.fts045:-3" manual_cm_re="Homepage-_-Main+-+S2+-+T5+-+HOME+WASHERS+DRYERS-_-PE3431Z"> <img src="http://images.littlewoods.com/is/image/Littlewoods/gallery4ColPortraitT?$carouselTopAlt$&$prod_img=A112P_SP709_11_PE0J5" alt="&nbsp;WMB71442W 1400 Spin, 7Kg Washing Machine - White" title="&nbsp;WMB71442W 1400 Spin, 7Kg Washing Machine - White" class="dynamicProductImage" /> <div class="dynamicBrand">Beko </div> <div class="dynamicDescription">WMB71442W 1400 Spin, 7Kg Washing Machine - White </div> <div class="dynamicPrice"> <div class="dynamicWeekly">From <em>&pound;2.84 </em> per week </div> <span class="was">Was&nbsp;£439.00&nbsp; </span> <span class="now">Now&nbsp;£289.00&nbsp; </span> <span class="save">Save&nbsp;£150.00 </span> </div></a> </li> <li class="clear"> </li> </ul> </div> <div class="dynamicViewAll"> <a href="/electricals/washers-dryers/e/b/4589/s/newin,0.end" manual_cm_re="Homepage-_-Main+-+S2+-+T5+-+HOME+WASHERS+DRYERS-_-ViewAll"> <span>View all washers & dryers &gt; </span> <em> </em> <span class="hidden"> </span></a> </div> </div> </div> </div> </div> <div id="relatedContent"> </div> </div> <div id="footer"> <img src="http://ace-tag.advertising.com/action/type=896450229/bins=1/rich=0/mnum=1516/site=703223/logs=0/betr=A3940=[+]TY3" width="1" height="1"> <img src="http://leadback.advertising.com/adcedge/lb?site=703223&srvc=17&betr=A3940=LP&betq=6837=393753" width="1" height="1"> <br/> <div id="footerLinks"> </div> <div id="footerSmallPrint"> <div id="email-signup"> <div id="sign-up-msg"> <p class="first">Keep in touch </p> <p>Sign up for email updates </p> </div> <form action="/web/en/emailSubscription.page?cm_re=Footer-_-Form-_-Sign+Up+For+Emails" method="get"> <div id="input-box"> <input type="text" value="Enter e-mail address" name="emailsignup" class="empty" id="signupText" /> </div> <div id="signup-button"> <button type="submit" name="btnFooterSignUp" id="signupButton">Sign up </button> </div> <input type="hidden" value="e" name="cmtag" /> </form> </div> <div id="rubric">&copy;Shop Direct Limited. 2011, All Rights Reserved. Shop Direct Home Shopping Limited. Registered number: 4663281.<br />Registered office: 1st Floor, Skyways House, Speke Road, Speke, Liverpool L70 1AB. </div> </div> <br/> <div id="siteRedirectMessage"> <div id="siteRedirectContent"> <h3>Choice is now part of Littlewoods</h3> <ul> <li>Your account has been transferred </li> <li>You can use your normal Choice log in details </li> <li>Just click Continue to carry on shopping<div class="pippo" pippo="true"></div> </li> </ul> <a id="siteRedirectHelp" href="/web/en/choice-becoming-part-of-littlewoods.page?cm_re=URL+Redirect+Lightbox-_-Choice+To+Littlewoods-_-FAQs">Frequently Asked Questions</a> <div id="siteRedirectActions"> <a href="#" id="siteRedirectContinue"> <img src="/static/images/buttons/btn-continue.gif" alt="Continue"></a> <span> <a href="#" id="siteRedirectBookmark">Click here</a> to bookmark </span> </div> </div> </div> <br/> <div id="speedtrapSlot"> </div> <br/> </div> </div> <div class="pippo" pippo="true"></div>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
class
$('.pippo');
pending…
attr
$('[pippo="true"]')
pending…
tag class
$('div.pippo');
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments