首页 \ 问答 \ 使用JQuery循环使用图像(Looping Through Images using JQuery)

使用JQuery循环使用图像(Looping Through Images using JQuery)

 我正在尝试使用JQuery next（）将CSS添加到一个图像，一次突出显示它。 当用户单击按钮时，它应突出显示带边框的next（）图像。 相反，虽然它突出显示了它之后的所有图像。  
 $('#imageList img').next().addClass('selected');  
 它将类添加到所有图像中。 

I am trying to use JQuery next() to add CSS to one image at a time highlighting it. When the user clicks a button it should highlight the next() image with a border. Instead though it is highlighting all of the images after it. 
 $('#imageList img').next().addClass('selected');  
It adds the class to ALL the images though. 

原文：https://stackoverflow.com/questions/6698608

更新时间：2023-08-02 07:08

最满意答案

 您可以使用every方法来测试数组中的所有元素是否满足谓词。  
if (inp && vals.every(Boolean)) {
  // or:  vals.every(function(x){return x;})
  ...
}
 
 但是，如果您必须定位不支持every方法的浏览器，则可以使用for循环来评估条件。  
if (inp) {
   accept = true;
   for (var i = vals.length-1; i >= 0; -- i)
     if (!vals[i]) {
       accept = false;
       break;
     }
   if (accept) {
     ...
   }
}

You can use the every method to test if all elements in the array satisfy the predicate. 
if (inp && vals.every(Boolean)) {
  // or:  vals.every(function(x){return x;})
  ...
}
 
But if you have to target browsers that does not support the every method, you can evaluate the condition with a for loop. 
if (inp) {
   accept = true;
   for (var i = vals.length-1; i >= 0; -- i)
     if (!vals[i]) {
       accept = false;
       break;
     }
   if (accept) {
     ...
   }
}

使用JQuery循环使用图像(Looping Through Images using JQuery)

最满意答案

相关问答

在case语句TSQL中嵌套的If-Statement(Nested If-Statement in case statement TSQL)[2022-08-07]

MySQL中的嵌套if语句(Nested if-statement in MySQL)[2023-07-17]

检查foreach中的每个if语句(Checking each if-statement inside foreach)[2022-05-10]

Python中的if语句(If-statement in Python)[2022-11-15]

If-Statement in'Array＃each'仅在最后一个元素上返回'true'(If-Statement in 'Array#each' returns 'true' only on last element)[2021-10-18]

[] []和if语句的问题(Problems with [ ][ ] and if-statement)[2022-08-24]

如何缩短`if语句`(How to shorten `if-statement`)[2024-04-26]

帮助实现带有数组值的if语句(Help to implement if-statement with array values)[2023-06-19]

“fetch_assoc”值随if语句改变，PHP？(“fetch_assoc” values changing with if-statement, PHP?)[2022-03-23]

带有数组的PHP更新语句(PHP update statement with arrays)[2024-03-18]

相关文章

最新问答