jquery 多条件 选择
jquery要通过选择器选择到一个table里面并非第一个tr，而且tr的背景颜色不为指定颜色的tr标签。并且根据奇数偶数行赋予不同的背景颜色。...
jquery要通过选择器选择到一个table里面并非第一个tr，而且tr的背景颜色不为指定颜色的tr标签。并且根据奇数偶数行赋予不同的背景颜色。
展开
展开全部
看看
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TestPage</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
//alert("dfafd")
$("table tr").filter(":odd").css("background-Color","red").end().filter(":even").css("background-Color","blue");
});
jQuery("#btn2").click(function(){
$("table tr:not(:first)").filter(function(){
return this.style.backgroundColor != "red";//不为红色的tr
}).find("td:eq(1)").html("不为第一，背景不为red的行");
});
});
</script>
</head>
<body>
<table>
<tr style="background-color:yellow">
<td>黄颜色行</td><td></td>
</tr>
<tr style="background-color:red">
<td>红颜色行</td><td></td>
</tr>
<tr style="background-color:blue">
<td>蓝颜色行</td><td></td>
</tr>
<tr style="background-color:Teal">
<td>Teal颜色行</td><td></td>
</tr>
<tr style="background-color:Aqua">
<td>Aqua颜色行</td><td></td>
</tr>
</table>
<input type="button" id="btn1" value="奇偶行背景转换">
<input type="button" id="btn2" value="选择指定条件的行">
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TestPage</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
//alert("dfafd")
$("table tr").filter(":odd").css("background-Color","red").end().filter(":even").css("background-Color","blue");
});
jQuery("#btn2").click(function(){
$("table tr:not(:first)").filter(function(){
return this.style.backgroundColor != "red";//不为红色的tr
}).find("td:eq(1)").html("不为第一，背景不为red的行");
});
});
</script>
</head>
<body>
<table>
<tr style="background-color:yellow">
<td>黄颜色行</td><td></td>
</tr>
<tr style="background-color:red">
<td>红颜色行</td><td></td>
</tr>
<tr style="background-color:blue">
<td>蓝颜色行</td><td></td>
</tr>
<tr style="background-color:Teal">
<td>Teal颜色行</td><td></td>
</tr>
<tr style="background-color:Aqua">
<td>Aqua颜色行</td><td></td>
</tr>
</table>
<input type="button" id="btn1" value="奇偶行背景转换">
<input type="button" id="btn2" value="选择指定条件的行">
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
