jQuery показать и скрыть, если не содержит текст в div выше

Question

Я пытаюсь отобразить содержимое «dd», если приведенное выше «dt» содержит следующее «Имя кандидата: else hide» dd, «Мой сниппет» внизу но он показывает все «dd» не только те, у кого выше текст «Имя кандидата:« Если кто-нибудь может мне помочь, я бы очень признателен.

JS КОД:

$('.order_table_item .variation dt').each(function() { 
    if ($(this).text() == 'Candidate Name:') { 
     $('.order_table_item .variation dt').next().show(); 
    } else { 
     $(this).hide(); 
    } 
}); 

Answer 1

Заменить

$('.order_table_item .variation dt').next().show(); с $(this).next().show();

$(this) относится к текущему элементу

с использованием $('.order_table_item .variation dt').next().show(); покажет все $('.order_table_item .variation dt').next()

JS

$('.order_table_item .variation dt').each(function() { 
    if ($(this).text() == 'Candidate Name:') { 
     $(this).next().show(); 
    } else { 
     $(this).hide(); 
    } 
}); 

Answer 2

Try

$('.order_table_item .variation dt').each(function() { 
    if ($(this).text() == 'Candidate Name:') { 
     $(this).next().show(); 
    } else { 
     $(this).hide(); 
    } 
});