在这种情况下，这指的是什么？为什么我要将变量解析为变量以遍历？

Question

嘿，我想知道我指的是我的班级编辑，但是我有点困惑，这里是我的HTML代码，我循环了3次以得到3个博客进行编辑

代码：

 for (var i = 0; i < blogEntries.length; i++) {

        if(blogEntries[i]!=null){

                var title=blogEntries[i][0];
                var content=blogEntries[i][1];
                var date=blogEntries[i][2];
                var blogID=i;

                var blogEdit = '<form><div class="blogContainer" blogID="'+blogID+'">'+
                    '<div class="blogTitle"><input type="text" value="'+title+'"class="titleInput"></div>'+
                    '<div class="blogContent"><input type="text" value="'+content+'"class="contentInput"></div>'+
                    '<div class="blogDate"><input type="text" value="'+date+'"class="dateInput"></div>'+
                    '<input type="button" value="edit" class="edit">'+
                    '<input type="button" value="delete" class="delete">'+
                '</div></form><br><br><br>';



                $("#mainContainer").append(blogEdit);
        }
    }

这是我的编辑单击功能，在这里我不明白为什么我使用容器变量将其解析到我的jquery选择器中，希望有人能启发我。这是在变量容器中，我们在其中找到blogContainer，但我不明白为什么我将其解析为具有titleCont，contBlog和dateCont的另一个变量

代码

$(".edit").click(function(){

    //find the closet blogContainer to .edit
    var container=$(this).closest(".blogContainer");

    //look for blogid close to .edit .blogcontainer
    var editId=container.attr("blogID");

    //define val for the three text inputs giving them container variable to find the classes
    var titleCont=$(".titleInput", container).val();
    var contBlog=$(".contentInput", container).val();
    var dateCont=$(".dateInput", container).val();

    // First read from local storage. Take empty array as default value
    var blogEntries = JSON.parse(localStorage.getItem("BlogContent") || "[]");
    // Use editId directly as index. 
    blogEntries[editId] = [titleCont, contBlog, dateCont];
    // Write back to local storage
    localStorage.setItem("BlogContent", JSON.stringify(blogEntries));


    });