1.需求描述:实现让内容为“男”的单元格的背景变为红色
<table cellspacing="0px" cellpadding="10px" border="1px"> <tr><td>张三</td><td>男</td><td>21</td></tr> <tr><td>李四</td><td>女</td><td>22</td></tr> <tr><td>王五</td><td>男</td><td>23</td></tr> <tr><td>赵六</td><td>女</td><td>24</td></tr> </table>
$('td:contains("男")').css('background', 'red');
2.需求描述:实现让内容为span标签的单元格的背景变为红色
<table cellspacing="0px" cellpadding="10px" border="1px"> <tr><td>张三</td><td>男</td><td>21</td></tr> <tr><td>李四</td><td><span>女</span></td><td>22</td></tr> <tr><td>王五</td><td>男</td><td>23</td></tr> <tr><td>赵六</td><td><span>女</span></td><td>24</td></tr> </table>
$('td:has(span)').css('background', 'red');
3.需求描述:实现让内容为空的单元格的背景变为红色
<table cellspacing="0px" cellpadding="10px" border="1px"> <tr><td>张三</td><td>男</td><td>21</td></tr> <tr><td>李四</td><td></td><td>22</td></tr> <tr><td>王五</td><td>男</td><td>23</td></tr> <tr><td>赵六</td><td></td><td>24</td></tr> </table>
$('td:empty').css('background', 'red');
4.需求描述:实现让内容不为空的单元格的背景变为红色
<table cellspacing="0px" cellpadding="10px" border="1px"> <tr><td>张三</td><td>男</td><td>21</td></tr> <tr><td>李四</td><td></td><td>22</td></tr> <tr><td>王五</td><td>男</td><td>23</td></tr> <tr><td>赵六</td><td></td><td>24</td></tr> </table>
$('td:parent').css('background', 'red');