jquery - 如果上面的 div 中不包含文本，则 jQuery 显示和隐藏

Question

如果上面的“dt”包含以下“候选人姓名：”，我正在尝试显示“dd”内容，否则隐藏“dd”，我下面的片段几乎就在那里，但它显示了所有“dd”，而不仅仅是上面的那些text 'Candidate Name:' 如果有人能帮助我，我将不胜感激。

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

尝试

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