ajax搜索结果显示使用jquery的each - 易博奕-YBYsuccess

                            $.ajax({
                                url: "/index.php/index/product/index",
                                data: {
                                    search
                                },
                                type: "POST",
                                dataType: "json",
                                success: function(res) {
                                    if (res.code == "1") {
                                        $("#list").css("display", "none");
                                        $("#search").css("display", "block");
                                        var str = "";
                                        $.each(res.list, function(index, item) {
                                            console.log(item['id']);

                                            str += "<a href='{:url('product/info')}?id=" + item['id'] + "'>";

                                            str += "<div class='set_meal_type'>";

                                            str += "<div class='set_meal_type_img'>";

                                            str += "<img src='" + item['thumb'] + "' class='img'>";

                                            str += "</div>";

                                            str += "<div class='set_meal_type_word'>";

                                            str += "<div class='set_meal_type_left'>";


                                            str += "</div>";

                                            str += "<div class='set_meal_type_center'>";
                                            str += item['name'];
                                            str += "</div>";

                                            str += "<div class='set_meal_type_right'>";


                                            str += "</div>";

                                            str += "</div>";

                                            str += "</div>";

                                            str += "</a>";

                                        });
                                        $("#search").html(str);
                                    }


                                }
                            })

each（）详解

$.each(json,function(index,item)
 
里面的index代表当前循环到第几个索引，
item表示遍历后的当前对象，
比如json数据为：
[{"name":"a"},{"name":"b"},{"name":"c"}]
使用foreach遍历后，
index,item 依次为，
0，{"name":"a"}
1，{"name":"b"}
2，{"name":"c"}
 
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>jquery遍历</title>
        <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
//            遍历对象
//            alert("aaa");
//            遍历数组
            var arr = [[1,2,3],[4,5,6],[7,8,9]];
            $.each(arr, function(i,item) {
                alert(item[0]);
            });
            //arr相当于一个二维数组，item相当于每一个一维数组
            
        </script>
    </body>
</html>

posted on 2020-06-10 12:04 易博奕-YBYsuccess 阅读(226) 评论(0) 收藏举报

刷新页面返回顶部