Use jquery to change the background color of the click column_jquery

How to use jquery to click on one column to change color, and then click on another column to change color, but the original one changes back to its original color. I have an array a (1, 2, 3, and I loop through it to output the value of a.

Copy code The code is as follows:

• a[0]


• < ;b>a[1]


• a[2]

Click 1,1 to change color, click 2,2 to change color, but 1 will change back to its original color. My show method implements other functions.
The following is my initial test code:
HTML code:

Copy code The code is as follows :

JScript code:

In the above code, the style 'clckClass' may be used on other elements. Using $('.clckClass').removeClass('clckClass'); will use clckClass on the screen. The style elements are moved out of the clckClass style. This is obviously not the result we want. We just need to remove the clckClass style under ul li a. However, I later discovered that the only thing in the above code is that clckClass can only be used in these tags. If it is also used in other tags, it may affect the effect. I was not thoughtful. I only considered that the clckClass style should only be used in these tags. Based on the above situation, you can make some small modifications, as follows:
JScript code:

Copy code Code As follows:

Writing this way will save the node with the clckClass class in a variable. The next time you click, you don’t need to traverse it again, and the speed will be faster.