Question

Is there any way in jQuery to make an element stay at the same position as another element?

Say there is a textbox and a <span>. How would one let the <span> always overlap the textbox, i.e. have it bound at the same position? Also, when the textbox is moving for any reason, I’d like to have the <span> go along.

I was thinking of a setInterval which checks a certain number of times a second and move the <span> appropriately, however this is both expensive and a dirty trick in my opinion.

Thanks for any tips.

Answer 1

Unless I am misunderstanding your question, you could put the <span> and the <input type="text" /> in the same parent container, such as a <div>, then move the <div> instead of the <input type="text" />.