如何用另一个Div替换一个Div，但只替换一次

I am trying to replace a div with another div onclick using the code below. It works fine for one instance. However, the problem is when the class appear more than once which is the case for me (multiple instances)it obviously changes all instance as they have the same class name. Is there a way to make it only change the clicked instance? ThanksI am trying to replace a div with another div o