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 的切换。