tableのrospanの値を取得し、該当のtrにclassを付加

Question

tableのhoverアクションをCSSにてtrに対して当てたく、
それを実現するためにjQueryでrospanの値を取得し、それに該当するtrにclassを付加したいのですが、
以下ソースでは、上手く動作しません。

<table>
	<tr>
		<td rowspan="3"></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

$("table tr").hover(
	function(){
		var rowCell = $(this).find('td[rowspan]');
		var rowValue = rowCell.attr('rowspan');
		rowCell.closest('tr').nextAll(':lt(rowValue - 1)').addClass('hover');
	},
	function(){
		$("table tr").removeClass("hover");
	}
);

:lt(rowValue)のrowValueを数値にすると想定した動きになるので、
rowValueの型を数値に変換しないといけないということなのでしょうか？

実現したい動きとしては、
rowspanがあれば、そのtdの親trを含め、rowspanの値分のtrにclassを付けたいです。
上記HTMLであればrowspan=3なので、tr全てにclassを付加したいです。
なお、rowspanの値はバラバラ、rowspanがないtrも存在します。

初歩的な内容かもしれないですが、
どなたかご教示の程よろしくお願いいたします。

Answer 1

// ':lt(rowValue - 1)'
// ↓
   ':lt(' + (rowValue - 1) + ')'