Javascript 如何在不重复多次的情况下重用此脚本？（相对于div大小脚本调整字体大小）

我在网上发现了这段代码，它对我来说非常特别。。。。但是，我需要它更特别一点

此代码不适用于多个div。我需要复制代码以使其正常工作，并将类名fmor newswrap更改为newsrap2，依此类推。这将导致像我这样的磁赤铁矿产生大量代码

有人知道如何使用此代码使其在多个div上工作吗

另外，我在header.php中得到了15个这样的代码

$(document).ready(function() {
    var originalFontSize = 11.8;
    var sectionWidth = $('#newswrap8').width();

    $('#newswrap8 span').each(function(){
        var spanWidth = $(this).width();
        var newFontSize = (sectionWidth/spanWidth) * originalFontSize;
        $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/0.9 + "px"});
    });
});

下面是我使用的HTML代码

<div style="width:300px;">
<h3 id="newswrap8" style="margin:0px; font-size:12px;">
<span>
<a href="http://www.thelink.no">This is the page title</a>
</span>
</h3>
</div>

---

没有html标记很难进行测试，但想法是：

$(document).ready(function(){
    var originalFontSize = 11.8;
    $('[id^="newswrap"]').each(function(){
        var elm = $(this),
            sectionWidth = elm.width();

        elm.find('span').each(function(){
            var spanWidth = $(this).width();
            var newFontSize = (sectionWidth/spanWidth) * originalFontSize;
            $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/0.9 + "px"});
        });
    });
}); 

---

你不能用类来代替ID吗？只是尝试了一下，但没用。问题是，它会占用以下div中使用的第一个div的宽度。因此，我必须复制脚本并将其重命名为#newswrap1、#newswrap2、newswrap3。。。等等…你展示你的代码的其余部分，或者更好的是，展示一个JSFIDLE如何？我用一些HTML代码更新了这篇文章，用我使用的一些div再次更新。现在100%的代码已经存在了