隐藏基于ID

Question

我有一个由多个<div>元素组成的页面，每个<div>元素都有几个<tr>个标记。这些<tr>代码会动态添加，但都会获得唯一ID。

现在，当用户从下拉框中选择某个值时，我想要隐藏与用户选择不匹配的所有<tr>标记。

这允许我获取用户选择的选项的ID。

$('#groupDropDownBox option:selected').attr('id');

然后选择<tr>内的所有<div>标记。

$('#reviewGroupsDiv tr')

现在我该如何隐藏现在拥有用户所选ID的所有<tr>标签？

感谢任何帮助！

Answer 1

如果您想隐藏带有所选ID的<tr>，只需按其ID选择：

$(selectedId).hide()

如果要隐藏所有内容但是要隐藏所选ID，您可以使用jQuery .not()选择器从某种类型中选择所有元素，而不使用具有所需ID的元素：

$('tr').not(selectedId).hide()