Как реализовать события ready для класса jquery?

Question

[nSnayp]

$('.ui').ready(function(){
      var el = this;
      $($(this).attr('ntarget')).on('click', function(){
               $(el).removeClass('h').addClass('s');
      })
      $('body').click(function() {
               $(el).removeClass('s').addClass('h');
      })
})

Суть задачи в том, чтобы при готовности всех эл-ов .ui бралось их значение атрибута ntarget (это id кнопки какой-то)
И на каждую кнопку вешается событие клика.
Логика должна быть именно такой (это подзадача от большой задачи)

Comments

[nSnayp]

Мб надо смотреть в сторону each?

Answer 1

[nSnayp]

Все оказалось проще. Юзайте each

$(window).ready(function(){
   $(".ui").each(function(i, el){
        $($(el).attr('ntarget')).on('click', function(){
               $(el).removeClass('h').addClass('s');
        })
   });
});

Answer 2

[DTX]

Как понять, что все .ui готовы?

$(document).ready()

Comments

[nSnayp]

Мне у каждого из ui надо получить this и работать с ним

[DTX]

nSnayp: $('.ui').each((i, e) => this = e);

[Aslan]

nSnayp: ну так обрабатывайте клик по ui