jQuery选中元素与样式改变

案例：

　　一个表格行中，有checkbox用来表示选中该行，行中有一列是用来标记该行记录的状态，代码以下

　　

<table>
	
	<tr>
		<td>
			<input type="checkbox" name="checkbox" />
		</td>
		<td>
			<a href="#"><i class="green"></i></a>
		</td>
	</tr>
	
</table>

在选中一个或多个checkbox，时，改变 i 元素的jQuery代码以下

$("input[name='checkbox']:checkbox:checked").each(function() {
			$(this).parent().next('td').find('i').removeClass("green");
			$(this).parent().next('td').find('i').addClass("red");
			alert($(this).parent().next('td').find('i').hasClass("red"));
 		})

　

在实际应用中，因为使用了DataTable框架，一度没法正确选中 i 元素，缘由是没有注意到  td 元素。

另外，toggleClass() 方法能够用来转换元素的 class，如 toggleClass("green red")，能够实现 green和red 的切换。