Jquery рекурсивный селектор

Question

У меня есть целая куча <div class="productlistname"><a href="#">The Text!</a></div>. Что я хочу сделать, пройти через все .productlistname и обрезать текст и заменить текущий текст урезанной версией.

Вот что у меня есть:

$(".productlistname a").html($(".productlistname a").html().substring(0,10));

Это просто урезает первый и заменяет остальную часть .productlistname урезанной версией первого.

Answer 1

$(".productlistname a").each(function () {
    $(this).html($(this).html().substring(0,10));
});

Answer 2

$(".productlistname a").each(function() {
  $(this).html($(this).html().substring(0,10));
});

Answer 3

$(".productlistname a").each(functon(){
  // loopy loop
});