JQuery n'est pas la première

Comment puis-je dire..

On Click .not.first() div
alert('Yeah you clicked a div which is not the first one!');

Mon code:

this.$('thumbnails').children().click(function() {

                $('#video').animate({width: 164, height: 20, top: 475, marginLeft: 262},0)

       $('.flv').animate({left: 2222, opacity: '0'},0).css('display', 'none')
        $('.close').animate({opacity: '0'},0)
                clicked = 0

            });

Pouvez-vous poster un exemple de votre click gestionnaire?
fait ajouté mon code

InformationsquelleAutor Tomkay | 2010-11-29

javascript jquery

47

Il y a un :gt() (plus-que-index) sélecteur ou .tranche(1) (@bobince's de préférence :), votre question la traduction littérale serait:
```
$("div:gt(0)").click(function() {
  alert('Yeah you clicked a div which is not the first one!');
});
//or...
$("div").slice(1).click(function() {
  alert('Yeah you clicked a div which is not the first one!');
});
```
Pour la mise à jour de votre question:
```
$('thumbnails').children(":gt(0)").click(function() {
   $('#video').css({width: 164, height: 20, top: 475, marginLeft: 262});
   $('.flv').css({left: 2222, opacity: '0'}).hide();
   $('.close').css({opacity: '0'});
   clicked = 0;
});
//or...
$('thumbnails').children().slice(1).click(function() {
   $('#video').css({width: 164, height: 20, top: 475, marginLeft: 262});
   $('.flv').css({left: 2222, opacity: '0'}).hide();
   $('.close').css({opacity: '0'});
   clicked = 0;
});
```
Notez l'utilisation de .css(), si vous voulez faire de l'instant non-animés des changements de style, utilisez ce istead.
- Pourquoi voudriez-vous utiliser ce sur une combinaison de pas et le premier sélecteur?
- Plus rapide, moins au type, à moins d'objets créés? 🙂
- des commentaires à ce sujet? C'est à la fois correct et plus courte...donc je suis curieux.
- Du sens. Le premier semble plus lisible (ce qui est généralement là que j'ai par défaut à moins qu'il y a des problèmes de performances). Inutile de dire que je ne travaille pas sur l'optimisation JavaScript très bien.
- Serait de +1, mais j'ai épuisé mon quotidien de upvotes déjà.
- +1 pour le respect de la commandements !
- En général, évitez de mettre un non-CSS-standard-sélecteur comme :gt dans une expression qui est standard. À l'aide de n'importe quel non-standard signifie que l'ensemble du sélecteur devra être résolu en utilisant le Grésillement JS sélecteur de moteur au lieu de le rapide natif querySelectorAll API. En général, il est préférable d'utiliser un standard sélecteur combiné avec une fonction de filtrage. Il n'y a pas de gt() fonction, mais $('div').slice(1) ferait la même chose.
- Même si je ne suis pas en désaccord, en principal, vous avez également la création d'un autre objet jQuery le faire. De plus, je trouve le point discutable ici, depuis :first n'est pas valide d'un sélecteur CSS soit, c'est jQuery spécifiques.
InformationsquelleAutor Nick Craver
8
```
$(div).not(":first").click(function(){
   alert("Yeah you clicked a div which is not the first one!);
});
```
voir :première et .pas de l'jquery docs.
```
$('thumbnails').children().not(":first").click(function() {
    $('#video').animate({width: 164, height: 20, top: 475, marginLeft: 262},0)
    $('.flv').animate({left: 2222, opacity: '0'},0).css('display', 'none')
    $('.close').animate({opacity: '0'},0)
        clicked = 0
});
```
Serait la solution pour la mise à jour de votre question.
- Pourquoi mettez le sélecteur de moteur nouveau pour cela? Il n'y a pas besoin, en fait il est très inutile de le faire.
- grâce dotty - cela fonctionne très bien pour moi.
- Pas de soucis, mais comme l'a souligné Nick ci-dessous, vous serait mieux de les utiliser .css plutôt que .animer si vous avez besoin d'instantané d'animations.
InformationsquelleAutor dotty

$("#id").not(':first').click(function(){
alert('Not the first');
});

InformationsquelleAutor Capt Otis

$('div').not(':first').click(function() {
    alert('Yeah you clicked a div which is not the first one!');
});

Pour la mise à jour de votre question:

$('thumbnails').children().not(':first').click(function() {

    $('#video').animate({width: 164, height: 20, top: 475, marginLeft: 262},0)
    $('.flv').animate({left: 2222, opacity: '0'},0).css('display', 'none')
    $('.close').animate({opacity: '0'},0)
    clicked = 0
});

InformationsquelleAutor cspolton

Vous devez vous connecter pour publier un commentaire.