Jump to content
Znojmo

Utiliser Name dans jQuery

Recommended Posts

Bonjour,



J'ai trouvé cette superbe méthode pour faire apparaître et disparaître des trucs en jQuery, qui va m'être d'une grande aide :





<!DOCTYPE html>



<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
<script>
head.js("http://code.jquery.com/jquery-2.0.0.min.js",
function(){

$( function(){

$("button", "#boutons").on("click", function(){
$( "div[id^='ID']" ).hide();
<!--Cacher toutes les DIV qui contiennent ID-->
$( "#ID" + $( this ).text() ).show();
<!--Montrer la DIV qui s'appelle ID plus (le texte dans le bouton)-->
});
});
}
);
</script>
</head>
 
<body>
<div id="boutons">
<button>111</button>
<button>112</button>
<button>113</button>
</div>
<div id="texte">
<div id="ID111">
<p>1.1.1</p>
</div>
<div id="ID112">
<p>1.1.2</p>
</div>
<div id="ID113">
<p>1.1.3</p>
</div>
</div>


</body>
</html>






Le problème : mes boutons seront des images. Je ne peux donc pas utiliser la partie ''$( "#ID" + $( this ).text() ).show();''.



Ma question : est-il possible d'utiliser une autre manière de faire référence à ces boutons, comme par exemple avec l'attribut Name ou l'attribut Id (qui, d'après mes essais, ne fonctionnent pas)?



J'ai essayé en appliquant des names à mes boutons et en changant la ligne :



$( "#ID" + $( this ).text() ).show();



pour :



$( "#ID" + $( this ).name() ).show();



mais ça ne fonctionnait pas. Une idée?

Share this post


Link to post
Share on other sites

Pourquoi as-tu besoin de préciser text() ?


Normalement, sans ça devrait parfaitement fonctionner.


Share this post


Link to post
Share on other sites

Essaie avec ça :



$( "#ID" + $( this ).attr('id') ).show();

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By vince78
      Bonjour à tous,



      voilà mon problème, je souhaite faire appel à une fonction ($(".action_suppression_type_libre")) lors d'un clic sur un div (class="action_suppression_type_libre") d'une autre fonction jquery. ($(".suppressionchamps")). Cela ne fonctionne pas, je ne sais pas comment m'y prendre, j'ai essayé de nombreuses méthodes mais rien y fait, je n'arrive pas à trouver comment faire.



      (en gros, je veux exécuter du jquery au clic sur un élément qui a lui même été créé via du jquery.


      <script>
      $(function() {

      $(".suppressionchamps").click(function(){

      $('#valeur1').html('<div class="action_suppression_type_libre">OUI</div>');

      return false;
      });


      $(".action_suppression_type_libre").click(function(){
      alert('test');

      return false;
      });
      });
      </script>

      <div id="valeur1">
      <span class="suppressionchamps">cliquer ici</span>
      </div>

      Merci d'avance pour votre précieuse aide !

      Vincent





×
×
  • Create New...