javascript - 将元素 append 到数组的单个元素

Question

我的“p”元素值被 append 到两个“review-comment-wrap” block 时遇到问题。我认为问题可能是在我的追加函数中，“p”元素被 append 到所有 review-comment-wrap 元素。如何仅 append 到删除了值为 B 的元素的“review-comment-wrap” block ？

<div class="reviewer-meta">
    <div class="author-attribute">Value A</div>
    <div class="author-attribute">Value B</div>
</div>

<div class="review-comment-wrap">some value</div>
/** add appended value here only **/

<div class="reviewer-meta">
    <div class="author-attribute">Value A</div>
</div>

<div class="review-comment-wrap">some value</div>


function runProgram(){
    var theElements = $('.reviewer-meta').find('.author-attribute');

    $(theElements).each(function(){
        if(this.innerHTML == "Value B"){
            $(this).remove();   
        }
    });
    $('.review-comment-wrap').append('<p>New value</p>');
}
runProgram();

Answer 1

要获取检查结果为真的审阅者元中紧邻的元素“review-comment-wrap”，您可以使用应用于父元素的“next()”函数。

function runProgram(){
var theElements = $('.reviewer-meta').find('.author-attribute');

$(theElements).each(function(){
   if(this.innerHTML == "Value B"){
       $(this).parent().next('.review-comment-wrap').append('<p>New value</p>');
    $(this).remove();   
}
});

}
runProgram();

更多信息:https://api.jquery.com/next/