javascript – Jquery脚本在计数脚本中定位我的所有div,希望它为每个div单独工作

我有一个 jquery脚本,可以计算单词并根据单词的大小调整字体大小.问题是它在父级中使用h1计算所有属性.我希望它为每个h1单独计数.最初的脚本标记为h1：first.这是一个脚本,它计算类wofa中的所有h1：

$(function(){

var $quote = $(".wofa h1");

var $numWords = $quote.text().split(" ").length;

if (($numWords >= 1) && ($numWords < 3)) {
    $quote.css("font-size","1px");
}
else if (($numWords >= 3) && ($numWords < 6)) {
    $quote.css("font-size","5px");
}
else if (($numWords >= 20) && ($numWords < 30)) {
    $quote.css("font-size","10x");
}
else if (($numWords >= 30) && ($numWords < 40)) {
    $quote.css("font-size","15px");
}
else {
    $quote.css("font-size","1px");
}

});

$('.wofa,h1').each(function() { 
    var words = $(this).html().split(" ");
    alert($(this).html() + ' has ' + words.length + ' words');
});