Как сделать в jquery так, чтобы в зависимости от того, по какому элементу сделан клик вставлялся тот или иной html?
а можно просто проставить значение у data-атрибутов и подставлять только нужный размер
или $('#pizzaSize').html($(this).val())
в обработчике.
 UPD:На вопрос что в коде не так ,отвечаю-  1) вы засунули ветвление туда где нет различной логики в зависимости от выбранного элемента. Логика везде одна, значение чуть разнится -на 2 цифры. 2) Ради этой логики вы сраниваете ссылки на элемнты в DOM. Т.е. через jquery гуляете по нему в поисках элемента ради 1 числа. 3)Такой код невозможно поддерживать. если поменять местами порядок элементов - все полетит к черту. Если добавить несколько размеров или тип теста - все полетит к черту.
Ибо не верное выражение в if () у вас.
Сделайте console.log($(this)); и смотрите что будет в консоле.
Можно примерно вот так - https://jsfiddle.net/oOLokiOo/bgxxgg81/8/