scriptとjQueryでhtmlのdivにidを設定してあげたいです。（モーダルクラス）

Question

前提・実現したいこと

モーダルをidごとに表示させたいのですが、divにモーダルクラスmodal js-modalこちらを
活用し、divにidを設定、付与してあげたいのですが、modal js-modalこちらだけ
設定ができません。

scriptやjQueryでmodal js-modalにidを付与することができませんでした。

貴重なご指導のほどよろしくお願いします。

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

<div class="modal__bg js-modal-close"></div>
こちらにid設定ができません。

該当のソースコード

<div class="content">
            
        </div>
            <div class="modal js-modal">
            <div class="modal__bg js-modal-close"></div>
            <div class="modal__content">
                <p>テストテストテストテストテスト</p>
                <a class="js-modal-close" href="">閉じる</a>
        </div><!--modal__inner-->
    </div><!--modal-->

-----------------------------------------------------------------------

 $(function(){
         
        $('div.modal js-modal').attr('id',"id設定");

        });

<!--こちらでhtmlのdivのmodal js-modalを指定しidを付与したのですが反応なし-->

-----------------------------------------------------------------------

        $(function(){

                    $('.js-modal-open').each(function(){
                        $(this).on('click',function(){
                        var target = $(this).data("target");
                        var modal = document.getElementById(target);
                        $(modal).fadeIn();
                        return false;
                    });
                });
                $('.js-modal-close').on('click',function(){
                    $('div.js-modal').fadeOut();
                    return false;
                    }); 
                });


<!--data-targetを活用しIDを渡すことでモーダルを表示>

試したこと

 $(function(){
         
        $('div.modal js-modal').attr('id',"id設定");

        });

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

$('div.modal js-modal')

セレクタの指定の仕方が間違っています。
HTMLを見た感じjs-modalはclassなので、.js-modalのように.をつける必要があります。

ただ $('div.modal .js-modal')としてしまうと「.modal配下の.js-modal」となります。
HTML見る限り、並列のようなのでスペースなしで。
$('div.modal.js-modal')