JQuery номер изменения внутри элемента, но сохранить остальное

Question

Как я могу это сделать? Сейчас это действительно увеличивает число, которое он должен, но удаляет «tykkäykset»

<span class="amount">3 tykkäykset</span> 

var num = parseInt($.trim($('.amount').html())); 
$('.amount').html(++num); 

Я полный новичок

Answer 1

Я бы рекомендовал создать элемент для количества и изменить значение там:

<span class="my-amount"><span class="amount">3</span> tykkäykset</span> 

var num = parseInt($.trim($('.amount').html())); 
$('.amount').html(++num); 

Answer 2

Попробуйте этот код:

var text = $.trim($('.amount').html()); 
var res = text.split(" "); 
var num = parseInt(res[0]) + 1; 
text = num + " "+ res[1]; 
$('.amount').html(text); 

Однако, я хотел бы также рекомендовать Фили pp Sander ответ.