class starting with

Change class name on click in jQuery

by ian_smithz

HTML

<div class="lg-12 md-24 sm-24 cols landingpage_hero-one">

  <a href="//www.screwfix.com/c/auto-cleaning/domestic-pressure-washers/cat810194?brand=karcher&amp;modelnameno=k5_full_control_plus|k7_full_control_plus" class="banner banner--var3 banner--half" title="Save up to £30.00on These KarcherPressure Washers">
    <div class="banner__wrapper" style="background: url() no-repeat">
      <div class="banner__content-wrapper">
        <div class="banner__content">
          <p class="banner__deal">

            <span class="banner__deal-text">Save<span class="banner__deal-up-to">up to</span></span>

            <span class="banner__deal-value">

              <sup>£</sup>30<sup>.00</sup>

            </span>
          </p>
          <p class="banner__text">
            <span>on These Karcher</span>
            <span>Pressure Washers</span>
            <span></span>
          </p>

        </div>

      </div>
      <div class="banner__img-align">
        <img src="//www.screwfix.com/images/CAT141/assets/gfx/5days_hero_1_lg.png " alt="" class="banner__img swap" data-src-small="//www.screwfix.com/images/CAT141/assets/gfx/5days_hero_1_sm.png " data-src-medium="//www.screwfix.com/images/CAT141/assets/gfx/5days_hero_1_md.png " data-src-large="//www.screwfix.com/images/CAT141/assets/gfx/5days_hero_1_lg.png " data-alt="Karcher K5 Full Control Plus 145bar Pressure Washer 2.1kW 240V">
      </div>

      <input id="analytics_prodPrice_7966T" type="hidden" value="220.83">

      <div class="price-point pp--pound">
        <div class="pp__tmsg">FROM ONLY</div>
        <div class="pp__price">
          <sup class="pp__pnd">£</sup><span class="pp_numbs">264<span class="pp_vat">INC VAT</span></span><sup class="pp__pnc">.99</sup>
        </div>

        <div class="pp__bmsg">Was £279.99</div>

      </div>

    </div>
  </a>

</div>


<div class="landingpage2_hero-one lg-12 md-24 sm-24 cols">

  <a...

JavaScript

// starts with - need to have as first class if multiple classes on same div
$("[class^=landingpage2]").css( "background-color", "red" );

// contains
$("[class*='landingpage_']").css( "background-color", "green" );