<html lang="en">
<head>
<title>奇偶数</title>
</head>
<body>
<input type=text>
<input type=button value="判断" onclick="chk(value)">
<p id="demo"></p>
<script>
function chk(num) {
var inputs = document.getElementsByTagName('input')[0]
var value = inputs.value
num = value
console.log(num)
alert((num % 2 == 0) ? "偶数" : "奇数") //判断是否能整除2
}
</script>
</body>
</html>
js中有一个函数filter(),可以用来过滤数组中的特定元素;
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
语法 : filter((item, index, arr) =>{ ... })
filter中一共可已设置三个入参:其中item( 必填 )--代表数组中的每个元素,filter会对每个元素进行遍历;
index( 先填 )--每个元素的index;arr( 选填 )--指定要遍历的数组。
要筛选数组中的奇数位元素或者偶数位元素就可以用filte()方法。
例子:
使用jquery的伪类选择器,例如$("选择器 :odd").css("background","#0f0")//奇数行
$("选择器 :even").css("background","#ff0")//偶数行
若是用原生js就要判断,例如
for(var i = 0i <元素行数i++){
if(i%2 == 0){
//奇数行代码
}else{
//偶数行代码
}
}
而且用css也可以添加奇偶数行的样式,例如元素为tr的奇偶设置
tr:nth-child(odd){background:#0f0}
tr:nth-child(even){background:#ff0}
nth-of-type伪类选择器也能实现此效果。