ある要素の親と隣接している要素のCSSを変更する方法 [jQuery]

先日、ある要素の親と隣接している要素のCSSを変更したいことがありました。CSS3ではできないため、jQueryで実装しました。

ソースコード

testというクラス名を持つ要素の親のdivの一つ前、または次のdivのmarginを0にする方法を例に紹介します。

$(function() {
	//testというクラス名を持つ要素の親のdivの一つ前のdivのmarginを0にする
	$(".test").parent("div").prev("div").css('margin','0');
	//testというクラス名を持つ要素の親のdivの次のdivのmarginを0にする
	$(".test").parent("div").next("div").css('margin','0');
});

parent(“div”)で親のdiv、prev(“div”)で一つ前のdiv、next(“div”)で次のdivを選択しています。