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

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));


    });

标签： jqueryjquery-selectors