【jQuery】tableのthのテキストによってclassを追加する方法

フォームプラグインを使う場合など、ちょっとフォームの項目にスタイルシートを追加して調整したいのに、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″というクラス名を追加する設定です。

コメント

タイトルとURLをコピーしました