Jquery check if element exists then add class to different element

Question

I don't know much about jquery at all, so bear with my ignorance, but I'm pretty sure I can accomplish this with jquery.

I need jquery to check if an element exists, and if so, add a class to a different element. For example,

if class "minimal-price-link" exists, then add a class to "regular-price" or what I really am wanting to do is make the regular-price strikethrough.

Here's the code:

<div class="price-box">
   <span class="regular-price" id="product-price-2">
       <span class="price">$240.00</span>
   </span>               

   <a href="http://stemulation.com/order/sfs30.html" class="minimal-price-link">
       <span class="label">Your Price:</span>
       <span class="price" id="product-minimal-price-2">$110.00</span>
   </a>
</div>

Reigel Gallarde · Accepted Answer · 2010-04-29 05:04:24Z

4

this should do it...

$(function() {

  $("a.minimal-price-link").each(function(){

    // it would be easy to wrap it with strike
    $(this).closest('.price-box').find("span.regular-price").wrap("<s>");

    // or you can also add a class
    // $(this).closest('.price-box').find("span.regular-price").addClass("strike");
  })

});

demo

answered Apr 29, 2010 at 5:04

Reigel Gallarde

65.5k21 gold badges126 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Buddy Over a year ago

Thanks Reigel. It works perfectly. Adds a strikethrough only to those products that have a special price. The products without the special price are styled normally like they should. Perfect!!

Matthew Flaschen · Accepted Answer · 2010-04-29 04:35:56Z

2

if($('.minimal-price-link').length != 0)
{
  $('.regular-price').addClass('strikethrough');
}

If any element has the minimal-price-link class, add the strikethrough class to all elements with the regular-price class. This may not be exactly what you want, but it should give you the idea.

edited Apr 29, 2010 at 4:35

answered Apr 29, 2010 at 4:24

Matthew Flaschen

286k53 gold badges523 silver badges554 bronze badges

3 Comments

Mitch Dempsey Over a year ago

I thin you forgot a ' after minimal-price-link

Mottie Over a year ago

This script would add a "strikethrough" class to ALL "regular-price" spans if but one "minimal-price-link" existed.

Buddy Over a year ago

Awesome guys! Thanks for the help...it works perfectly. I really like the demo from Reigel. I'm going to have to learn this jquery thing once and for all. Keep up the good work.

rahul · Accepted Answer · 2010-04-29 04:27:21Z

1

if ($("a.minimal-price-link").length > 0)
{
    $("span.regular-price").addClass("yourclass");
}

<style type="text/css">
    .yourclass { text-decoration: line-through; }
</style>

answered Apr 29, 2010 at 4:27

rahul

188k50 gold badges239 silver badges266 bronze badges

1 Comment

Mottie Over a year ago

I think this code would add "yourclass" to ALL the regular-price spans, if one "minimal-price-link" class exists.

Collectives™ on Stack Overflow

Jquery check if element exists then add class to different element

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related