Add class to previous element using jquery

Question

I am adding classes namely hide_some_features,show_some_features in each loop. Now i want to add class to feature_suffix having next only hide_some_features class. I tried with $(this).closest('.feature_suffix').addClass('test-class'); which is not working.

 $('.variations_form input:radio[name=attribute_pa_1]').each(function() {
     if (jQuery.inArray($(this).attr('data-feature-value'), disabledFetaureValue) < 0) {
         $(this).closest('.cc-selector').addClass('hide_some_features');
         $(this).closest('.feature_suffix').addClass('test-class');
     } else {
         $(this).closest('.cc-selector').addClass('show_some_features');
     }
 })

;

I want to add class to highlighted place

Simple is that I want to add a class feature_suffix near with hide_some_features — Sajid anwar
– Sajid anwar, Commented Sep 24, 2016 at 6:31
I think , question is to just add class .feature_suffix to previous div whenever the next div contains .hide_some_features ?? is it ? — Vikrant
– Vikrant, Commented Sep 24, 2016 at 6:31
try this, $(this).closest('.cc-selector').prev().addClass('hide_some_features'); becuase closest() method fine only parent div and you want to select outside of parent div — Girish
– Girish, Commented Sep 24, 2016 at 6:33

Wesley Smith · Accepted Answer · 2016-09-24 06:32:46Z

2

.closest() wont work here because the target element is not an ancestor of the element that fires the event. Use the below:

$(this).closest('.cc-selector').prev('.feature_suffix').addClass('test-class');

answered Sep 24, 2016 at 6:32

Wesley Smith

19.6k22 gold badges93 silver badges135 bronze badges

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

1 Comment

Sajid anwar Over a year ago

Really you are a star. :)

Arun P Johny · Accepted Answer · 2016-09-24 06:33:20Z

1

You can find the closest cc-selector, then see whether it has hide_some_features, if so then add the new class to its previous sibling

$(this).closest('.cc-selector').filter('.hide_some_features').prev('.feature_suffix').addClass('test-class');

answered Sep 24, 2016 at 6:33

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

1 Comment

Sajid anwar Over a year ago

P Johnty Love you :) Really genious

Collectives™ on Stack Overflow

Add class to previous element using jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related