Question

<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>

将class添加到每10个中的前5个元素中。有很多Div

Answer 1

这是使用nth-child伪类

的CSS方法

＆＃13;

ul {
  list-style-type: decimal;  
}

li:nth-child(10n+1),
li:nth-child(10n+2),
li:nth-child(10n+3),
li:nth-child(10n+4),
li:nth-child(10n+5){
  background: green;
}

＆＃13;

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

＆＃13;

Answer 2

我认为这是一个使用jQuery的非常好的方法

// Loops through each cube element
$('.cube').each(function(index) {
  // Gets the last integer in the index (ie. 0-9)
  var num = (index + 1) % 10;
  // If 1,2,3,4 or 5
  if (num <= 5 && num > 0)
    // Add the new class
    $(this).addClass('newClass');
});

这是一个完整的例子

$('.cube').each(function(index) {
  var num = (index + 1) % 10;
  if (num <= 5 && num > 0)
    $(this).text('new cube');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>
<div class="cube">cube</div>

Answer 3

尝试：

- (IBAction)loginClicked:(id)sender {
    FBSDKLoginManager *login = [[FBSDKLoginManager alloc] init];
    [login
     logInWithReadPermissions: @[@"email", @"public_profile"]
     fromViewController:self
     handler:^(FBSDKLoginManagerLoginResult *result, NSError *error) {
         if (error) {
             NSLog(@"Process error");
         } else if (result.isCancelled) {
             NSLog(@"Cancelled");
         } else {
             NSLog(@"Logged in");
             [self getUserInfo];
         }
     }];
}

-(void) getUserInfo {
    if ([FBSDKAccessToken currentAccessToken]) {
                [[[FBSDKGraphRequest alloc] initWithGraphPath:@"me" parameters:@{@"fields": @"id, name, first_name, last_name, picture.type(large), email"}]
     startWithCompletionHandler:^(FBSDKGraphRequestConnection *connection, id result, NSError *error) {
         if (!error) {
             NSLog(@"fetched user:%@", result);
         }
     }];

    }
}

Answer 4

您可以使用jQuery

{{1}}

Answer 5

只需确定最后一位数字，如果小于5，则添加课程。可能是函数中的一行，但我为可读性分配了一个变量。

$('div').each(function(i){
     var num = parseInt(i.slice(-1));
     $(this).toggleClass('cube', num < 5);
});

Answer 6

使用javascript，使用两个计数器，每10个div使用一个，前5个div使用另一个，使用jquery addClass，这很容易。

将类添加到每10个前5个元素

6 个答案: