Jquery data disappearing

[empty bloom]

i have a folder icon with data and it redirects me when i click on it
but the same icon's data disappear after getting redirected.

 let folderObj = $("<div>").addClass("folder_item").attr("id", "folder_item_0");
                folderObj.append($("<img>").attr("src", "asset/icons/folder_prev.png"));
                folderObj.append($("<h3>").text(".."));
                folderObj.data("type", "folder");
                folderObj.data("name", "..");
                folderObj.data("date", null);

does anyone know why?

[hasty skiff]

jQuery has no persistence. When you leave the page or reload, everything jQuery did goes away.

[empty bloom]

yhea but this code ```js
$.post(server + "ScanFolder.php", { dir: path }, function(data) {
let response = JSON.parse(data);
let folders = response.folders;
let files = response.files;

            let folderObj = $("<div>").addClass("folder_item").attr("id", "folder_item_0");
            folderObj.append($("<img>").attr("src", "asset/icons/folder_prev.png"));
            folderObj.append($("<h3>").text(".."));
            folderObj.data("type", "folder");
            folderObj.data("name", "..");
            folderObj.data("date", null);
            if (path !== archivePath) {
                filteredFolders.append(folderObj);
            }

            let folderIdx = 1; 
            folders.forEach(function(folder) {
                let folderName = folder.name;
                let folderDate = folder.date;

                let nameMatch = folderName.includes(filterName) || !filterName;

                let d1 = new Date(folderDate);
                let d2 = new Date(filterDate);
                let dateMatch = !filterDate || d1 >= d2;

                if (nameMatch && dateMatch) {
                    
                    let folderObj = $("<div>").addClass("folder_item").attr("id", "folder_item_" + folderIdx);
                    
                    folderObj.data("type", folder.type);
                    folderObj.data("name", folderName);
                    folderObj.data("date", folderDate);

                    filteredFolders.append(folderObj);
                    folderIdx++;
                }
            });

subContainer.empty().append(filteredFolders).append(filteredFiles);

            if ($("#UI_btn_project2").prop("disabled") === true) {
                $("#folder_grid").remove();
            }
        });```

is supposed to be called each time i click on the icon so isn't the data supposed to be assigned again?

[hasty skiff]

If the folderObj div is ever deleted it won't persist the data

[empty bloom]

yes but the folderObj is recreated when i click on it no ?

[empty bloom]

idk how to explain it but
the code i provided is supposed to display all the folders form the path and assign data like name date etc to the icon
after that when i click on it the current grid is removed and the function is recalled with a new path so it should have the data no?

tell me if im unclear
sry english is not my main language 💀

[hasty skiff]

You're creating a new div in the post response and assigning it the values. If that div is ever deleted the values attached to it will be deleted too.

[empty bloom]

yes of course but what i want is to access the new div data

but it seems that it s not created

[pseudo rover]

@empty bloom

File Attachments Not Allowed

For safety reasons we do not allow file and video attachments.

xyphes Said

i made a short video to show the problem

Code Formatting

You can share your code using triple backticks like this:
```
YOUR CODE
```

Large Portions of Code

For longer scripts use Hastebin or GitHub Gists and share the link here

Ignored these files

• 2023-07-17_19-27-12.mkv