Utilisez les caractères génériques ID avec jQuery et obtenir génériques ID

J'ai 4 Id

hideshow1
hideshow2
hideshow3
hideshow4

Maintenant, quand les boutons de ces Id sont cliqués je veux préforme actions individuelles à l'aide de ces entiers sur la fin. Pour l'instant j'ai ceci:

$(document).ready(function() {
  $("[id^=hideshow]").click(function() {

  });
});

Qui est assez pour agir sur le clic pour chacun de ces boutons, mais j'ai besoin d'extraire l'entier à la fin de l'utiliser pour n'agir que sur celui qui a été cliqué. Exemple si #hideshow1 est cliqué

$('#hideshow%').html('Hide');
$('.success%').addClass('test');

Où l' % est où le nombre entier serait extrait de la première hideshow ID.

Jouer avec substring (ou similaire) sur les $(this).attr("id").

OriginalL'auteur Bobby S | 2014-01-08

  1. 10

    Vous pouvez toujours essayer d'extraire l'id/index comme ceci:

    $(document).ready(function() {
  $("[id^=hideshow]").click(function() {
      var index = parseInt($(this).attr("id").replace('hideshow',''), 10);
  });
});

    OriginalL'auteur A. Tapper

  2. 2

    Essayez ceci:- http://jsfiddle.net/adiioo7/b3Wvt/

    JS:-

    $(document).ready(function() {
  $("[id^=hideshow]").click(function() {
      var matches = this.id.match(/\d+$/);
       alert(parseInt(matches[0]));
  });
});
    Est-ce répondre à votre requête?

    OriginalL'auteur Aditya Singh

  3. 0

    Vous pouvez utiliser replace pour obtenir le numéro de la id. Si vous supprimez le hideshow chaîne à partir de la id alors vous serez à gauche avec le numéro à la fin de id.

    $(document).ready(function() {
  $("[id^=hideshow]").click(function() {
       num = this.id.replace('hideshow','');
  });
});

    OriginalL'auteur Adil