Maison > Article > interface Web > Comment sélectionner d'autres éléments sauf la dernière colonne dans jquery

Comment sélectionner d'autres éléments sauf la dernière colonne dans jquery

WBOYoriginal: 2021-12-01 10:58:412597parcourir

Dans jquery, vous pouvez utiliser l'instruction "$("Element:not(:last-child)")" pour sélectionner d'autres éléments à l'exception de la dernière colonne ; le sélecteur ":last-child" peut sélectionner le dernier élément de la colonne, Le sélecteur ":not ()" est utilisé pour sélectionner des éléments autres que l'élément spécifié.

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3.

Comment sélectionner des éléments sauf la dernière colonne avec jquery

Nous pouvons sélectionner des éléments sauf la dernière colonne via le sélecteur :last-child et :not(selector).

L'exemple est le suivant :

<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>

Résultat de sortie :

Comment sélectionner dautres éléments sauf la dernière colonne dans jquery

Après avoir cliqué sur le bouton :

Comment sélectionner dautres éléments sauf la dernière colonne dans jquery

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser jquery pour établir des liens entre les provinces et les municipalitésArticle suivant：Comment utiliser jquery pour établir des liens entre les provinces et les municipalités

Articles Liés

Voir plus