class vs attributes (v2)

Revision 2 of this benchmark created on

Preparation HTML

<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>

Test runner

Ready to run.

Testing in
TestOps/sec
class
$('.pippo');
ready
attr
$('[pippo="true"]')
ready
tag class
$('div.pippo');
ready

Revisions

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