Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   JS против jquery. Раскрасить четные строки (https://javascript.ru/forum/misc/17795-js-protiv-jquery-raskrasit-chetnye-stroki.html)

nyshka 02.06.2015 11:22

задание такое шахматкой на jqery, на чистом js сделала...а на jqпока не выходит..

рони 02.06.2015 12:54

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>

nyshka 02.06.2015 14:23

спасибо!

indeterm 02.06.2015 14:46

Цитата:

Сообщение от eXtreme
на чистом js

<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, время: 21:24.