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