简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

Obtenez la page à onglet cliquée via la même classe dans jQuery

巴扎黑
Libérer： 2017-07-20 13:30:22
original
1391 Les gens l'ont consulté

Déterminez sur quelle page à onglet vous avez cliqué

  • jsp :

<ul class="nav nav-tabs">
     <li class="active">
     <a href="#tab-1" class="stability-test" data-marker="tab1" data-toggle="tab" aria-expanded="true">tab1</a>
      </li>
      <li class="">
<a href="#tab-2" class="stability-test" data-marker="tab2" data-toggle="tab"aria-expanded="false">tab2</a>
    </li>
 </ul>
Copier après la connexion

  • js :

 $('.stability-test').click(function(e) {
        var $this = $(e.target);
        marker = $this.data('marker');
    });
Copier après la connexion

Une autre méthode est :

Il existe un événement index() dans jq pour obtenir la position actuelle, spécifiquement l'utilisation est la suivante : 

$(".class").click(function(){
    alert($(this).index());
})//这个弹出的就是点击的class是第几个
Copier après la connexion


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!

Étiquettes associées：
class 判断 点击
source：php.cn
Article précédent：Utilisation intelligente de l'application Javascript et utilisation étendue d'Object.defineProperty Article suivant：Gestion des utilisateurs - implémentation d'une liaison secondaire à l'aide de l'ajax de jquery
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
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Comment imprimer la valeur de la case à cocher sélectionnée après la soumission Ceci est ma liste de cases à cocher et les boutons dont j'ai besoin pour soumettre des don...
Depuis 2024-04-06 13:07:43
0
2
337
La v-card Vuetify s'adapte à toutes les hauteurs possibles dans v-col Je construis une page de connexion/inscription en utilisant vue et vuetify. Je mets le cod...
Depuis 2024-04-06 10:29:26
0
1
406
Le commutateur Bootstrap ne fonctionne pas correctement lorsque la page Web est redimensionnée Description :<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"c...
Depuis 2024-04-05 08:45:39
0
1
3443
Utilisation de la méthode "resource"; dans Route::controller(<class>)->group(...) J'édite les fichiers de routage de mes applications pour les rendre aussi ordonnés que pos...
Depuis 2024-04-04 09:09:42
0
1
408
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！