отдельных элементов

Есть список товаров, он может состоять из 4 элементов, может из 99, etcКаждому элементу присваивается свой id:

Есть некоторое количество spanХочу узнать ширину каждого из них, и дать им отрицательный правый маржин с размером в ширину

Как сделать так, чтобы по клику на конкретный div, он менялся на textarea и по клику на кнопку (в моем случае "Сохранить"), конкретная textarea менялась обратно на div?