特定の文字数を超える場合、指定したクラスを追加します。
データから自動で文字が配置されるときなど、長い文字を手動で調整できない場合に便利です。
JavaScript
$(document).ready(function(){ $(".menu").each(function() { var menu_len = $(this).html(); if(menu_len.length > 10){ $(this).addClass("small"); } console.log(menu_len.length); }); });
html
<div class="menu">html</div> <div class="menu">css</div> <div class="menu">JavaScritp</div> <div class="menu">21文字以上の時サイズを小さくする</div> <div class="menu">html5</div> <div class="menu">css3</div> <div class="menu">jQuery</div>