Rumah > hujung hadapan web > tutorial js > Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery

Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery

WBOY
Lepaskan: 2021-12-01 10:58:41
asal
2654 orang telah melayarinya

Dalam jquery, anda boleh menggunakan pernyataan "$("Element:not(:last-child)") untuk memilih elemen lain kecuali lajur terakhir pemilih ":last-child" boleh memilih lajur terakhir elemen , pemilih ":not()" digunakan untuk memilih elemen selain daripada elemen yang ditentukan.

Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery

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

Cara memilih elemen kecuali lajur terakhir dalam jquery

Kita boleh menggunakan pemilih :last-child dan :not(selector) pemilih untuk memilih elemen kecuali lajur terakhir.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(&#39;tr td:not(:last-child)&#39;).css(&#39;background-color&#39;,&#39;red&#39;);
  });
});
</script>
</head>
<body>
<button>选择除了最后一列的所有元素</button>
<table border="1">
   <tr>
      <td>one</td><td>two</td><td>three</td><td>last</td>
   </tr>
   <tr>
      <td>blue</td><td>red</td><td>green</td><td>last</td>
   </tr>
   <tr>
      <td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>last</td>
   </tr>
</table>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery

Selepas mengklik butang:

Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memilih elemen lain kecuali lajur terakhir dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan