JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "vop">1<li><a href="https://onlinetestpad.com/hnymynivjzahq">Билет</a></li><br></div>
 	<div class = "vop">2<li><a href="https://onlinetestpad.com/hpnjdsf4lj3co">Билет</a></li><br></div>
 	<div class = "vop">3<li><a href="https://onlinetestpad.com/hn3cbyp3lbih6">Билет</a></li><br></div>
 	<div class = "vop">4<li><a href="https://onlinetestpad.com/hnxc5ukktzyts">Билет</a></li><br></div>
 
<br>
<br>
<button onclick="$('div.vop').shuffle();">Перемешать</button>

CSS

.vop {
    width: 150px;
    height:30px;
    background: #ffaaaa;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
}

JavaScript

(function (d) {
    d.fn.shuffle = function (c) {
        c = [];
        return this.each(function () {
            c.push(d(this).clone(true))
        }).each(function (a, b) {
            d(b).replaceWith(c[a = Math.floor(Math.random() * c.length)]);
            c.splice(a, 1)
        })
    };
    d.shuffle = function (a) {
        return d(a).shuffle()
    }
})(jQuery);