Помогите решить как оказалось сложную для меня задачу. На странице динамические формируется блок div c span внутри которые содержат текст. Текст - это время в формате пример: 1 ч. 10 мин. На формат я ни как не могу повлиять так как получаю его с другого сервиса. Задача получить общее время из всех что есть в списке, а там может быть разное кол-во. Сам блок я перебираю на элементы и получаю это время, но что делать дальше уже просто не знаю. Уже перебрал множество методов, но всё тщетно. Может кто знает ответ или просто натолкните на мысль.
Пример кода:
$(document).ready(function(){
var elem = $("[data-time-f='dtm']");
$(elem).each(function(){
console.log($(this).text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="dtm-time">
<span data-time-f="dtm">1 ч. 10 мин.</span>
<span data-time-f="dtm">20 мин.</span>
<span data-time-f="dtm">30 мин.</span>
<span data-time-f="dtm">1 ч 23 мин.</span>
<span data-time-f="dtm">3 ч 42 мин.</span>
<span data-time-f="dtm">17 мин.</span>
</div>