javascript - 匹配每个节点的类名 [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"));
});