Match каждое имя узла класс [JavaScript]

Question

Я ищу некоторые вопросы, но не повезло ,, Как сопоставить каждое имя класса с другими узлами динамически равнину Javascript или JQuery, если img.bg с data-index="1" имеет класс load или fail, чем div.ct с data-index="1" добавит класс load или fail, и так далее ...

<div class="parent"> 
    <div class="bg"> 
    <img class="bg load" data-index="1" src="img-1.jpg"> 
    <img class="bg fail" data-index="2" src="img-2.jpg"> 
    <img class="bg load" data-index="3" src="img-3.jpg"> 
    </div> 
    <div class="cts"> 
    <div class="ct load" data-index="1"></div> 
    <div class="ct fail" data-index="2"></div> 
    <div class="ct load" data-index="3"></div> 
    </div> 
</div> 

Спасибо за помощь

Answer 1

Вы, кажется, хотите

$('.ct').each(function(
    var $img = $('.bg[data-index='+$(this).data("index")+']'); 
    $(this) 
    .toggleClass("load", $img.hasClass("load")) 
    .toggleClass("fail", $img.hasClass("fail")); 
});