[jQuery] $.grep使用

时间：2023-03-08 22:23:09

　　1.$.grep的功能是查找过滤功能的数组，原数组不受影响。

　　2.参数定义

　　　　jQuery.grep( array, function(elementOfArray, indexInArray), [ invert ] )

　　　　array ：用于过滤的数组

　　　　function(elementOfArray, indexInArray) ：回调函数，用于处理每个元素的比较，elementOfArray是过滤数组的元素，indexInArray是过滤数组元素的下标

　　　　invert ： 如果“invert”为false，或没有提供，函数返回一个所有元素组成的数组对于“callback”返回true。如果“invert”为true，函数返回一个所有元素组成的数组对于“callback”返回false。

　　3.范例

　　　　

<!DOCTYPE html>

<html>

    <head>

        <style type="text/css">

            div {

                color: red;

            }

            p {

                color: green;

            }

            span {

                color: blue;

            }

        </style>

        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

        <script type="text/javascript">

                    $(function() {

                        var arr = [1, 32, 5533, 12, 5, 9, 8, 17, 36, 78];

                        $('div').text(arr.join(','));

                        arr = $.grep(arr, function(n, i) {

                            return (n != 5533 && i > 4);

                        });

                        $('p').text(arr.join(','));

                        arr = $.grep(arr, function(n, i) {

                            return (n != 78);

                        });

                        $('span').text(arr.join(','));

                    });

        </script>

    </head>

    <body>

        <div></div>

        <p></p>

        <span></span>

    </body>

</html>

相关文章