JQuery查找数据，并进行比较的有关问题

2013-07-16

JQuery查找数据，并进行比较的问题例如：这一行的第一个数字05，我想将围红中05下对用的这个单元格的背景色填

JQuery查找数据，并进行比较的问题

例如：
    这一行的第一个数字05，我想将围红中05下对用的这个单元格的背景色填充为红色
    这一行的第二个数字09，我想将围红中09下对用的这个单元格的背景色填充为红色
    ……
    以此类推

    当然了，整个红球这一大列的数字（6个数）是变化的，

    我想用JQuery来实现，如果您有更好的想法，也可以

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body table tr td{width:18px; height:18px;
text-align:center;
}
</style>
<script src="JQuery/jquery-1.10.1.js" type="text/javascript">
</script>
<!-- 
例如：
    这一行的第一个数字05，我想将围红中05下对用的这个单元格的背景色填充为红色
    这一行的第二个数字09，我想将围红中09下对用的这个单元格的背景色填充为红色
    ……
    以此类推
    
    当然了，整个红球这一大列的数字（6个数）是变化的，
    
    我想用JQuery来实现，如果您有更好的想法，也可以
-->
<script type="text/javascript">
$(document).ready(function() {

var tds = $("td.red_one");

alert(tds);

});

</script>
</head>

<body>

<br>
<br>
<table align="center" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="2">期号</td>
    <td colspan="6">红球</td>
    <td rowspan="2">蓝球</td>
    <td colspan="33">围红</td>
    <td rowspan="2">验证</td>
  </tr>
  <tr>
    <td>一</td>
    <td>二</td>
    <td>三</td>
    <td>四</td>
    <td>五</td>
    <td>六</td>
    <td>01</td>
    <td>02</td>
    <td>03</td>
    <td>04</td>
    <td>05</td>
    <td>06</td>
    <td>07</td>
    <td>08</td>
    <td>09</td>
    <td>10</td>
    <td>11</td> 
 
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
    <td>29</td>
    <td>30</td>
    <td>31</td>
    <td>32</td>
    <td>33</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td class="red_one">05</td>
    <td class="red_one">09</td>
    <td class="red_one">14</td>
    <td class="red_one">17</td>
    <td class="red_one">25</td>
    <td class="red_one">29</td>
    <td>&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td> 
 
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td class="red_two">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

[解决办法]

<script language="javascript">
$(function(){
$('td.red_one').each(function(){
$('td.red_two:eq(' + (Number($(this).text()) - 1) + ')').css({background:'red'});
});
});
</script>

热点排行

JavaScript

JQuery查找数据，并进行比较的有关问题