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
Susan Sarandonoriginal
2024-12-13 08:16:131010parcourir

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();

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();

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();

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

  1. Permanente Suppression :
$("#" + this.id).remove();

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();
});

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!

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