匹配每个节点的类名[javascript]

我在寻找一些问题，但运气不好，， 如果

img.bg

with

data index=“1”

具有类

load

或

fail

，则如何使用普通javascript或jQuery动态地将每个类名与其他节点匹配，而

div.ct

with

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>

感谢您的帮助

您似乎想要

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

---

现在不是这样吗？