51 votes

Comment sélectionner une gamme d'éléments dans jQuery

<pre><code></code><p><code></code>Tags dans l’exemple ci-dessus, comment feriez-vous qui ? La seule chose que je peux penser est :</p><pre><code></code></pre><p><code></code><code></code><code></code>s.</p></pre>

109voto

Alexander Prokofyev Points 14183

La fonction jQuery slice () prenant les index des premier et dernier éléments nécessaires sélectionne un sous-ensemble des éléments correspondants. Notez ce qu'il n'inclut pas le dernier élément lui-même.

Dans votre cas particulier, vous devriez utiliser

 $("#myDiv a").slice(1, 4)
 

9voto

nickf Points 185423

Ah, j'ai compris: utiliser la fonction slice fait exactement ce dont j'ai besoin.

3voto

paxdiablo Points 341644

Vous devriez pouvoir le faire en extrayant ainsi une tranche du tableau. C'est la ligne

 $("div[id='myDiv'] > a").slice(1,4).css("background","yellow");
 

qui vous intéresse. Cela affectera les 2ème, 3ème et 4ème éléments.

 <html>
    <head>
        <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("a").click(function(event){
                    $("div[id='myDiv'] > a").slice(1,4).css("background","yellow");
                    event.preventDefault();
                });
            });
        </script>
    </head>
    <body>
        <div id="myDiv">
            <a>1</a>
            <a>2</a>
            <a>3</a>
            <a>4</a>
            <a>5</a>
            <a>6</a>
        </div>
        <hr>
        <a href="" >Click here</a>
        <hr>
    </body>
</html>
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X