javascript - 如何将类从多个类为 "abcd+n"的div添加到另一个类为 "qwer+n"的div

Question

如何将多个类为“abcd+n”的 div 中的类添加到另一个类为“qwer+n”的 div例如:

<div class="firstlist">
    <a class="firstlistitem-1" ref="#">link1</a>
    <a class="firstlistitem-2" ref="#">link2</a>
    <a class="firstlistitem-3" ref="#">link3</a>
.........
</div>
and
<div class="secondlist">
    <div class="secondlistitem-1">
        <div class="incorrect">incorrect answer</div>
        <div class="ad_link">CLICK</div>
    </div>
    <div class="secondlistitem-2">
        <div class="incorrect">incorrect answer</div>
        <div class="ad_link">CLICK</div>
     </div>
    <div class="secondlistitem-3">
        <div class="correct">correct answer</div>
        <div class="ad_link">CLICK</div>
     </div>
.........
</div>

点击“secondlistitem-2”中的“CLICK”，添加“firSTListitem-2”类“不正确”或“正确”

Answer 1

您可以尝试以下方法:

$('.secondlist .ad_linkk').click(function(){
  var cls = $(this).prev('div').attr('class');
  var p = $(this).parent().attr('class').split('-')[1];
  $('.firstlist').find(`a[class*=${p}]`).addClass(cls);
});

.incorrect{ color: red }
.correct{ color: green }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="firstlist">
    <a class="firstlistitem-1" ref="#">link1</a>
    <a class="firstlistitem-2" ref="#">link2</a>
    <a class="firstlistitem-3" ref="#">link3</a>
</div>
<div class="secondlist">
    <div class="secondlistitem-1">
        <div class="incorrect">incorect answer</div>
        <div class="ad_linkk">CLICK</div>
    </div>
    <div class="secondlistitem-2">
        <div class="incorrect">incorect answer</div>
        <div class="ad_linkk">CLICK</div>
     </div>
    <div class="secondlistitem-3">
        <div class="correct">corect answer</div>
        <div class="ad_linkk">CLICK</div>
     </div>
</div>