задание такое шахматкой на jqery, на чистом js сделала...а на jqпока не выходит..
|
nyshka,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td {
width: 50px;
height: 50px
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var tr = $("tbody tr");
tr.each(function(indx, el){
var i = indx % 2;
$("td", el).filter( [":even",":odd"][i] ).css({"backgroundColor" : "rgb(0, 0, 255)"})
});
});
</script>
</head>
<body>
<table width="400" summary="" >
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
<tr>
<td>Cell 3.1</td>
<td>Cell 3.2</td>
<td>Cell 3.3</td>
</tr>
<tr>
<td>Cell 4.1</td>
<td>Cell 4.2</td>
<td>Cell 4.3</td>
</tr>
</tbody>
</table>
</body>
</html>
|
спасибо!
|
Цитата:
<html>
<head>
<style>
.color{
background: red
}
table td{
border: 1px solid black;
width: 20px;
height: 20px
}
</style>
</head>
<table>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
</table>
<body>
<script>
$=function(sel){
var o=Object.create($)
o.arr = [].map.call(document.querySelectorAll(sel), function(el){return el})
return o
}
$.prototype=$
$.odd=function(){this.tmp=this.arr.filter(function(el, i){return i%2===0}); return this}
$.addClass=function(className){
this.tmp.forEach(function(el){el.className+=className; return this})
}
$("tr").odd().addClass("color")
</script>
</body>
</html>
чистый, он на то и чистый, что любое говнецо, вроде жекверей, реализует на коленке в пару строк. А говнецо, оно н то и говнецо, что чистый на нем не реализуешь. Как только требуется что-то посложней детсадовской выборки, оно становится жидким, приходится искать новое говнецо, и так до бесконечности, или до тех пор, пока не асилишь программиование. |
| Часовой пояс GMT +3, время: 23:15. |