El método jQuery odd() se usa para seleccionar los elementos impares indexados de los elementos seleccionados.
Sintaxis:
$(selector).odd()
Valor devuelto: Devuelve los elementos indexados impares de los elementos seleccionados.
Ejemplo 1: este ejemplo selecciona los elementos impares de la lista indexada.
<!DOCTYPE HTML>
<html>
<head>
<title>
jQuery odd() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
<style>
li {
width: 150px;
margin: 0 auto;
}
.highlight {
background-color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
<ul>
<li>GFG_0</li>
<li>GFG_1</li>
<li>GFG_2</li>
<li>GFG_3</li>
<li>GFG_4</li>
</ul>
<br>
<button onclick="Geeks()">
Click here
</button>
<p id="GFG_DOWN"></p>
<script>
var elUp = document.getElementById("GFG_UP");
var elDown = document.getElementById("GFG_DOWN");
elUp.innerHTML = "JQuery | odd() method";
function Geeks() {
$("ul li").odd().addClass("highlight");
elDown.innerHTML =
"The odd elements are highlighted";
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo marcó las casillas de verificación indexadas impares.
<!DOCTYPE HTML>
<html>
<head>
<title>
jQuery odd() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
GFG_0: <input type="checkbox"
id="GFG_0" value="GFG_0"><br>
GFG_1: <input type="checkbox"
id="GFG_1" value="GFG_1"><br>
GFG_2: <input type="checkbox"
id="GFG_2" value="GFG_2"><br>
GFG_3: <input type="checkbox"
id="GFG_3" value="GFG_3"><br>
GFG_4: <input type="checkbox"
id="GFG_4" value="GFG_4">
<br><br>
<button onclick="Geeks()">
Click here
</button>
<p id="GFG_DOWN"></p>
<script>
var elUp = document.getElementById("GFG_UP");
var elDown = document.getElementById("GFG_DOWN");
elUp.innerHTML = "JQuery | odd() method";
function Geeks() {
$("input").odd().attr("checked", true);
el_down.innerHTML =
"The odd elements are checked";
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA