javascript - 按数组隐藏元素

Question

我有这段代码来根据td内的某些标签隐藏表格的某些tr

$('label:contains("Severity")').parent().parent().toggle();
$('label:contains("Priority")').parent().parent().toggle();
$('label:contains("Select Profile")').parent().parent().toggle();
$('label:contains("Assign To")').parent().parent().toggle();
$('label:contains("Steps To Reproduce")').parent().parent().toggle();
$('label:contains("Additional Information")').parent().parent().toggle();
$('label:contains("Attach Tags")').parent().parent().toggle();
$('label:contains("Reproducibility")').parent().parent().toggle();

这可行，但我知道它可以更简洁。如何将这些字符串添加到数组中并对数组中的每个条目执行 parent().parent().toggle(); ？

对于奖励积分，是否有更简洁的方法来执行 parent().parent()？

Answer 1

试试这个:

var array = [
    "Severity",
    "Priority",
    "Select Profile",
    "Assign To",
    "Steps To Reproduce",
    "Additional Information",
    "Attach Tags",
    "Reproducibility",
];

for (var i = 0; i < array.length; i++) {
    $('label:contains("' + array[i] + '")').parent().parent().toggle();
}

有关执行 .parent().parent() 的更好方法，请参阅此帖子:More efficient way to do parent().parent().parent() etc. in jquery