Cannot read property 'click' of undefined In magento 2 phtml file

Question

Script in filename.phtml

      <script>
       require(['jquery', 'jquery/ui'], function($){

                //   $('.swatch-option')[0].css('color','red');
                  $('.swatch-option').get(0).click();
                  alert('123');

        });
</script>

Error in Console

filename.html:1028 Uncaught TypeError: Cannot read property 'click' of undefined

Answer 1

Add dependency 'domReady!'.

<script>
       require(['jquery', 'jquery/ui', 'domReady!'], function($){
                  $('.swatch-option').get(0).click();
                  alert('123');

        });
</script>