sliderを連番で複数追加、削除したい。

前提・実現したいこと

[html/javascript/jquery]
rangeを使ってsliderを表示するサイトを作成しています。
追加ボタンをクリックした時にsliderが追加され、削除ボタンをクリックすると要素が消されるようにしたいです。(1番上は消されない。)

発生している問題・エラーメッセージ

このエラーをどうしても解決することが出来ません。type errorは打ち間違いということでしょうか。

Uncaught TypeError: Cannot read properties of null (reading 'lastElementChild')
    at HTMLButtonElement.<anonymous> (renban.html:84)
    at HTMLButtonElement.dispatch (jquery.min.js:2)
    at HTMLButtonElement.v.handle (jquery.min.js:2)

該当のソースコード

javascript
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>renban.html</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/hot-sneaks/jquery-ui.css">
</head>
<body>
    <div id="target" class='sliderContainer'>
        <div class ="brislider">
            <label for="bri">bri</label><input type="range" value="0" id="bri" min="0" max="254" step="1" oninput="color_change_range()">
            <input type="number" value="0" min="0" max="255" id="bri_num" oninput="color_change_num()">
        </div>
        <div class ="satslider">
            <label for="sat">sat</label><input type="range" value="0" id="sat" min="0" max="254" step="1" oninput="color_change_range()">
            <input type="number" value="0" min="0" max="255" id="sat_num" oninput="color_change_num()">
        </div>
        <div class ="hueslider">
            <label for="hue">hue</label><input type="range" value="0" id="hue" min="0" max="255" step="1" oninput="color_change_range()">
            <input type="number" value="0" min="0" max="255" id="hue_num" oninput="color_change_num()">
        </div>
    </div>

    <div class="start" style="padding: 5px 20px;">
        <button id="tsuika">追加</button>
        <button id="sakujo">削除</button>
    </div>
<script>
    $(function(){

        //スライダ設定関数
        function setSliderGroup(target) {
            // 色が変更された時に実行（スライダー）
            function color_change_range() {
                var bri = document.getElementById("bri").value;
                var sat = document.getElementById("sat").value;
                var hue = document.getElementById("hue").value;

                //numberに反映
                document.getElementById("bri_num").value = bri;
                document.getElementById("sat_num").value = sat;
                document.getElementById("hue_num").value = hue;
            }

            // 色が変更された時に実行（数値入力）
            function color_change_num() {
                var bri = document.getElementById("bri_num").value;
                var sat = document.getElementById("sat_num").value;
                var hue = document.getElementById("hue_num").value;
                
                //rangeに反映
                document.getElementById("bri").value = bri;
                document.getElementById("sat").value = sat;
                document.getElementById("hue").value = hue;
            }
        }

        //スライダを設定
        setSliderGroup($(".sliderContainer"))

        //sliderのidを連番にする
        $('div.sliderContainer').each(function(i){
            $(this).attr('id','target' + (i+1));
        });

        $('div.brislider').find('input[type="range"]').each(function(i) {
            $(this).attr("id",'bri' + (i+1));
        });

        $('div.satslider').find('input[type="range"]').each(function(i) {
            $(this).attr("id",'sat' + (i+1));
        });

        $('div.hueslider').find('input[type="range"]').each(function(i) {
            $(this).attr("id",'hue' + (i+1));
        });

        //追加ボタン
        $('#tsuika').on('click', function() {
            const elements = document.getElementById("target");
            const copied = elements.lastElementChild.cloneNode(true);
            //追加要素にスライダを設定
            setSliderGroup($(copied))
            elements.appendChild(copied);
        })

        //削除ボタン
        $("#sakujo").on("click", function() {
            const elements = document.getElementById("target");
            //スライダ郡が一つだけだったら何もしない
            if ($(elements).children().length == 1) return
            elements.lastElementChild.remove();
        });
    });

</script>
</body>
</html>