Error "element is detached from the DOM" after vising a link in a loop

When you invoke cy.get(), you will save the references, and then you navigate away by clicking the link - hence the references to these elements are no longer valid. You could make a list of ids for these elements:

const listOfIds = ['#first_id', '#second_id']
listOfIds.forEach(id => cy.get(id).click())

or if you want to generate your list dynamically, you could do that as well:

function getIds(){
            let ids = []
            return new Cypress.Promise(resolve => {
                cy.get('.your-selector')
                    .each($el =>
                        cy.wrap($el)
                            .invoke('attr', 'id')
                            .then(id => ids.push(id))
                    )
                    .then(() => resolve(ids))
            })
        }

After that calling getIds().then(ids => ids.forEach(...)) is basically the same as above.