Passer une Variable À une Fonction Jquery

J'ai une liste d'éléments que j'aimerais effectuer la même action sur. Ils ont tous distincts Id donc, je veux être en mesure de passer le nom de chacun de Jquery, de sorte que l'action n'est effectuée que ID.
Par exemple:

<a href="#" id="1">one</a>
<a href="#" id="2">two</a>
<div id="#test1"></div>
<div id="#test2"></div>

Je veux être en mesure de faire quelque chose comme ceci:

function doSomething(x) {
     var div=x+'div';
     $(x).click(function() { $.(div).slideDown(); });
}

Toutes les pensées?

Grâce.

  • id="#foo" est illégal. Vous ne pouvez pas avoir # dans le id.
InformationsquelleAutor user988129 | 2012-02-10
  1. 3

    Utiliser le onclick attribut, qui simplifie un peu le code:

    <a href="#" id="1" onclick="handleClick(this)">one</a>
<a href="#" id="2" onclick="handleClick(this)">two</a>
<div id="#test1"></div>
<div id="#test2"></div>

function handleClick(x) {
     $('#test'+ x.id).slideDown();
}
    InformationsquelleAutor Diego
  2. 3

    C'est la façon de passer la variable en jquery fn 

        <title>Test</title>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#but").click(function() {
                var n = $(this).attr("n");
                alert(n);
            });
        });
    </script>
</head>
<body>
    <a id="but" href="#" n="I Love You">Click Here</a>
</body>

    InformationsquelleAutor neel4soft
  3. 2
    <a href="#" class="x" d="test1">one</a>
<a href="#" class="x" d="test2">two</a>
<div id="test1" class="x"></div>
<div id="test2" class="x"></div>
    function doSomething(x) 
{
   $("a.x").click(function()
   { $( "div#" + $(this).attr("d") ).slideDown(); }
   );
}
    InformationsquelleAutor Gigi
  4. 2

    Vous pouvez passer à jQuery élément/s directement dans la fonction comme ceci:

    var doSomething = function(el){
    el.click(function(){ });
};

//Single element
var $el = $('a.class');
doSomething($el);

//Multiple elements
var $elms = $('a.class, a#id');
doSomething($elms);
    InformationsquelleAutor elclanrs
  5. 0

    Vous pouvez utiliser data attributs de ce genre pour stocker les données avec les éléments html et les récupérer à l'aide de jQuery data() méthode. Essayez cette.

    Html changement

    <a href="#" data-id="1">one</a>
<a href="#" data-id="2">two</a>
<div id="test1"></div>
<div id="test2"></div>

    Utiliser ce js

    $('a').click(function(){
   $('#test' + $(this).data('id')).slideDown();
});

    Pour récupérer les données de valeur d'attribut à l'aide de jQuery data méthode a juste à passer la deuxième moitié de l'attribut. Donc dans ce cas un passage id à data va nous donner la valeur de l'id.

    InformationsquelleAutor ShankarSangoli