案例:
一个表格行中,有checkbox用来表示选中该行,行中有一列是用来标记该行记录的状态,代码如下
在选中一个或多个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 的切换。