Maison > interface Web > js tutoriel > Comment puis-je utiliser des variables JavaScript dans les sélecteurs jQuery ?

Comment puis-je utiliser des variables JavaScript dans les sélecteurs jQuery ?

Susan Sarandon
Libérer: 2024-12-13 08:16:13
original
1055 Les gens l'ont consulté

How Can I Use JavaScript Variables within jQuery Selectors?

Utilisation de variables JavaScript dans les sélecteurs jQuery

Pour définir dynamiquement des sélecteurs jQuery basés sur des variables JavaScript, vous pouvez suivre ces approches :

  1. Utiliser le nom Attribut :
var name = this.name;
$("input[name=" + name + "]").hide();
Copier après la connexion

Cela masquera tous les éléments d'entrée portant le même nom que l'élément cliqué.

  1. Utilisation de l'attribut id :
var id = this.id;
$('#' + id).hide();
Copier après la connexion

Cela masquera l'élément avec l'identifiant spécifié qui correspond au clic l'identifiant de l'élément.

  1. Ajout d'effets :
$("#" + this.id).slideUp();
Copier après la connexion

Cela fera glisser l'élément avec l'identifiant correspondant.

  1. Permanente Suppression :
$("#" + this.id).remove();
Copier après la connexion

Cela supprimera définitivement l'élément de la page.

  1. Combinaison des effets et de la suppression :
$("#" + this.id).slideUp('slow', function (){
    $("#" + this.id).remove();
});
Copier après la connexion

Cela fera glisser l'élément vers le haut, puis le supprimera une fois l'animation terminée. complet.

Ces approches offrent des options flexibles pour interagir dynamiquement avec les éléments de votre page en fonction des valeurs des variables JavaScript.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal