直接上代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hot{ display: none; } </style> </head> <body> <ul class="Classroom_list"> <li tag="1"> <span class="hot"></span> </li> <li tag="2"> <span class="hot"></span> </li> <li tag="4"> <span class="hot"></span> </li> <li tag="4"> <span class="hot"></span> </li> </ul> <script> //方法一 var $lis = $(".Classroom_list li"); var max = Math.max.apply(null,$lis.toArray().map(function(li){ return +$(li).attr("tag")})); $lis.filter("[tag=" + max + "]").find(".hot").css("display","block"); //方法二 $('<style>[tag="' + Math.max.apply(null, $(".Classroom_list li").toArray() .map(function(li){ return +$(li).attr("tag")})) + '"] .hot{ display:block !important;}</style>').appendTo('head'); //方法三 $('<style>[tag="' + $(".Classroom_list li").toArray().reduce(function(max,cur){ return +$(cur).attr("tag") > max ? +$(cur).attr("tag") : max; }, 0) + '"] .hot{ display:block !important;}</style>').appendTo('head'); //ECM6语法 //$('<style>[tag="' + Math.max(...$(".Classroom_list li").toArray().map(p => +$(p).attr("tag"))) + '"] .hot{ display:block !important;}</style>').appendTo('head'); </script> </body> </html>用的的知识点有,filter Math.max apply toArray map reduce 字符串拼接 appendTo等基础知识