Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

WBOY

Lepaskan： 2022-06-01 18:36:10

asal

3337 orang telah melayarinya

Pemilih gt dan lt dalam jquery: 1. Pemilih ":gt" digunakan untuk memilih elemen dengan nilai indeks lebih tinggi daripada nilai yang ditentukan Sintaksnya ialah "$(":gt(nilai indeks) ")"; 2. Pemilih ":lt" digunakan untuk memilih elemen yang nilai indeksnya kurang daripada nilai yang ditentukan ialah "$(":lt(index)"".

Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

pemilih gt dan lt dalam jquery

:pemilih gt

:pemilih gt memilih elemen yang nilai indeksnya lebih tinggi daripada nombor yang ditentukan.

nilai indeks bermula dari 0.

sering digunakan bersama elemen/pemilih lain untuk memilih elemen selepas nombor tertentu dalam kumpulan tertentu (seperti dalam contoh di atas).

Sintaks

$(":gt(index)")

Salin selepas log masuk

indeks diperlukan. Menentukan elemen yang akan dipilih.

akan memilih elemen yang nilai indeksnya lebih besar daripada nombor yang ditentukan.

:lt() selector

:lt() selector memilih elemen yang nilai indeksnya kurang daripada nombor yang ditentukan.

nilai indeks bermula dari 0.

Penggunaan yang paling biasa: digunakan dengan pemilih lain untuk memilih elemen sebelum nombor urutan tertentu dalam gabungan yang ditentukan (seperti contoh di atas).

Sintaksnya ialah:

$(":lt(index)")

Salin selepas log masuk

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("tr:lt(4)").css("background-color", "yellow");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<table border="1">
  <tr>
    <th>序号</th>
    <th>站点名</th>
    <th>网址</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Google</td>
    <td>google.com</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Runoob</td>
    <td>runoob.com</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Taobao</td>
    <td>taobao.com</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Baidu</td>
    <td>baidu.com</td>
  </tr>
  <tr>
    <td>5</td>
    <td>Sina</td>
    <td>sina.com.cn</td>
  </tr>
  <tr>
    <td>6</td>
    <td>Facebook</td>
    <td>facebook.com</td>
  </tr>
  <tr>
    <td>7</td>
    <td>twitter</td>
    <td>twitter.com</td>
  </tr>
  <tr>
    <td>8</td>
    <td>youtube</td>
    <td>youtube.com</td>
  </tr>
  
</table>
</body>
</html>

Salin selepas log masuk

Hasil output:

Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery

Cadangan tutorial video berkaitan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan pemilih gt dan lt dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!