フォームプラグインを使う場合など、ちょっとフォームの項目にスタイルシートを追加して調整したいのに、htmlを弄れなくてできないことがあるかと思います。
その場合に、jQueryを利用してhtmlを直接編集せずclassを追加してデザインを調整する方法をメモしておきます。
$(function(){ $("table th").each(function(){ var thName = $(this).text(); var thTit = "○○項目"; if (thName == thTit) { $(this).parents("tr").addClass("style01"); } }); });
「th」のテキストが「○○項目」の場合、「th」の親要素である「tr」に”style01″というクラス名を追加する設定です。
コメント