How to remove class from all elements jquery

Question

I am changing the class of an element with the following

  $(\"#\"+data.id).addClass(\"highlight\")

Given the list below.

 <         


        

Answer 1

You need to select the li tags contained within the .edgetoedge class. .edgetoedge only matches the one ul tag:

$(".edgetoedge li").removeClass("highlight");

Answer 2

The best to remove a class in jquery from all the elements is to target via element tag. e.g.,

$("div").removeClass("highlight");

Answer 3

This just removes the highlight class from everything that has the edgetoedge class:

$(".edgetoedge").removeClass("highlight");

I think you want this:

$(".edgetoedge .highlight").removeClass("highlight");

The .edgetoedge .highlight selector will choose everything that is a child of something with the edgetoedge class and has the highlight class.

Answer 4

$(".edgetoedge>li").removeClass("highlight");

Answer 5

You could try this:

 $(".edgetoedge").children().removeClass("highlight");

Answer 6

try: $(".highlight").removeClass("highlight");. By selecting $(".edgetoedge") you are only running functions at that level.