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