☰

Show Deleted Answers at head for StackExchange

Swap two divs inside a parent

当前为 2023-09-21 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Show Deleted Answers at head for StackExchange
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Swap two divs inside a parent
// @author       aspen138
// @match        https://*.stackexchange.com/users/*/*?tab=answers*
// @grant        none
// @license     MIT
// ==/UserScript==

(function() {
    'use strict';

    // Function to swap divs
    function swapDivs() {
        let parentDiv = document.querySelector('.ba.bc-black-100.bar-md');
        let firstDiv = document.querySelector('#js-post-summaries');
        let secondDiv = document.querySelector('.bt.bc-black-075.p16');

        if (parentDiv && firstDiv && secondDiv) {
            parentDiv.removeChild(firstDiv);
            parentDiv.removeChild(secondDiv);
            parentDiv.appendChild(secondDiv);
            parentDiv.appendChild(firstDiv);
        }
    }

    // Swap divs on page load
    window.addEventListener('load', swapDivs, false);

    // Refresh page when clicking on any of the sub-tabs
    let tabs = document.querySelectorAll('.js-user-tab-sort');
    tabs.forEach(tab => {
        tab.addEventListener('click', () => {
            // Timeout to allow for click processing and then reload page
            setTimeout(function(){ location.reload(); }, 0.3);
        }, false);
    });

})();