jQueryでセルの値によって背景を変更

テーブルのセルの値によって、セルの色を変更させる。
sinatraより判定式の値を受け取るため、find内は最初に宣言しておく。

index.erb

<script type="text/javascript">
var Obj_x1 = 'td.dval-x:myLG(>' + <%= @x1 %> +')';
var Obj_y1 = 'td.dval-y:myLG(>' + <%= @y2 %> +')';
var Obj_z1 = 'td.dval-z:myLG(>' + <%= @z3 %> +')';

jQuery(function($){
	$('#mainTBL')
	.find(Obj_x1).css('background','gold').end()
	.find(Obj_y1).css('background','coral').end()
	.find(Obj_z1).css('background','red').end()
	});
}

jQuery.extend(jQuery.expr[":"], {
	myLG  : function(a,i,m){ 
		var b = Number(
			(a.textContent||a.innerText||jQuery(a).text()||"")
			.replace(/,/g,'')
		);
		return typeof b=='number'? eval(b+m[3]):false;
	}
});
</script>

参照）jQueryのセレクタを自作してみる