javascript - jQuery QuickFit - works only with one element -

i use plugin https://github.com/chunksnbits/jquery-quickfit

i have many elements on page this:

<div id="quickfit-a">........</div> <div id="quickfit-a">........</div> ... <div id="quickfit-a">........</div> 

and javascript on demo:

<script type="text/javascript" charset="utf-8">   $(function() {     $(window).on('resize', function() {       $('#quickfit-a').quickfit({ max: 40, min: 20, truncate: true });              });     $(window).trigger('resize');       }); </script> 

but javascript code works first element id = quickfit-a

how make function works elements on page id = quickfit-a

any appreciated

thanks

rather id can try class attribute below

<div class="quickfit-a">........</div> <div class="quickfit-a">........</div> ... <div class="quickfit-a">........</div> 

and change demo

<script type="text/javascript" charset="utf-8">   $(function() {     $(window).on('resize', function() {       $('.quickfit-a').quickfit({ max: 40, min: 20, truncate: true });              });     $(window).trigger('resize');       }); </script>