jQuery Appliquer le style au premier élément seulement

Question

Dans le code suivant, j'essaie de faire en sorte que la dernière instruction if ne soustraie que la valeur de l'instruction margin-top du PREMIER div.wigDiv parent . Tout fonctionne, sauf qu'il applique la marge négative à TOUTES les activités de l'entreprise. div.wigDiv parents. Des idées ?

$('.wigCont').each(function() {

   //some other code here

   if ($('div.wigDiv', this).hasClass('noMargin')) {
      if (wigCount == 1) {
         var width = $('div.wigDiv', this).width();
         $('div.wigDiv', this).css({'margin-left':'-18px', 'width': width+36});

         if ($('div.wigDiv', this).parent().first()) {
            $('div.wigDiv', this).parent().css('margin-top','-20px');
         }
      }
   }
}

Answer 1

Essayez ce code :

$('.wigCont').each(function() {

   //some other code here

   if ($('div.wigDiv', this).hasClass('noMargin')) {
      if (wigCount == 1) {
         var width = $('div.wigDiv', this).width();
         $('div.wigDiv', this).css({'margin-left':'-18px', 'width': width+36});

         if ($('div.wigDiv', this).parent().is(':first-child')) {
            $('div.wigDiv', this).parent().css('margin-top','-20px');
         }
      }
   }
}

Answer 2

Il suffit d'utiliser .first comme vous l'avez fait dans ce if condition. Vous n'avez pas besoin non plus de la condition if, car elle ne s'applique que si les éléments correspondants sont trouvés.

$('div.wigDiv', this).parent().first().css('margin-top','-20px');

Code complet :

$('.wigCont').each(function() {

   if ($('div.wigDiv', this).hasClass('noMargin')) {
      if (wigCount == 1) {
         var width = $('div.wigDiv', this).width();
         $('div.wigDiv', this).css({'margin-left':'-18px', 'width': width+36});

         //below is the modified code
         $('div.wigDiv', this).parent().first().css('margin-top','-20px');
      }
   }
}

Answer 3

Tu fais

$('div.wigDiv', this).parent().css('margin-top','-20px');

Besoin de faire parent().first().css :)

Answer 4

Note rapide avant de répondre : votre dernière instruction if sera toujours vraie car $('div.wigDiv', this).parent().first() renvoie un objet.

Pour filtrer uniquement sur le premier élément sélectionné, utilisez .first()

$('div.wigDiv', this).parent().first().css('margin-top','-20px');