this jquery not working

Question

I m using jQuery for my drupal site. I can't add class to current element by using jQuery.

I put this addclass inside a if condition with alert. Alert has working fine. But addclass not working.

if (jQuery(".explore_degree_widget_area li a").has(":contains('Associates')")) { 
    jQuery(this).addClass('icon_associate');
    alert('Yes');
}

Can you help me?

You can only get $(this), if you are using it inside any event. — Dhara Parmar
– Dhara Parmar, Commented Jun 16, 2016 at 10:35
@DharaParmar Wrong. You can use $(this) inside .each() iteration and callback functions in methods like .text(), .html() etc. — VisioN
– VisioN, Commented Jun 16, 2016 at 10:40

Pranav C Balan · Accepted Answer · 2016-06-16 11:03:04Z

3

If condition would be always true, since has() returns filtered jQuery object. Also has() avoid text nodes, it's only check on it's descendant, You need to use filter() .

jQuery(".explore_degree_widget_area li a").filter(":contains('Associates')").addClass('icon_associate');

or use combined selector

jQuery(".explore_degree_widget_area li a:contains('Associates')").addClass('icon_associate');

edited Jun 16, 2016 at 11:03

answered Jun 16, 2016 at 10:35

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

2 Comments

VisioN Over a year ago

There is no need in .has(): combine it in the selector.

Pranav C Balan Over a year ago

@BhavanKumarNatarajan : glad to help :) you need to use filter() not has()

VisioN · Accepted Answer · 2016-06-16 10:36:08Z

1

this refers to the context but not to the element. Use the following:

jQuery(".explore_degree_widget_area li a:contains('Associates')")
    .addClass('icon_associate').each(function() {
        alert('Yes');  // if you really want to have it
    });

answered Jun 16, 2016 at 10:36

VisioN

146k35 gold badges287 silver badges291 bronze badges

Comments

Dhara Parmar · Accepted Answer · 2016-06-16 10:37:34Z

0

Try

$(".explore_degree_widget_area li a:has(:contains('Associates'))").addClass('icon_associate');

answered Jun 16, 2016 at 10:37

Dhara Parmar

8,1231 gold badge19 silver badges27 bronze badges

Collectives™ on Stack Overflow

this jquery not working

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related