隐藏所有id不是所选值的tr答案

【问题标题】：Hide all tr whose id is not the value selected隐藏所有id不是所选值的tr
【发布时间】：2021-12-11 16:09:38
【问题描述】：

我有一个剃须刀页面项目，我需要用户在过滤某些端口和变量名称之间进行选择，我的搜索栏有点工作，但我不能让另一个工作。

这是我目前所得到的：

<div class="col-12 border text-left p-3 mt-3" id="filterdiv">
    <div id="dropdown">
        @Html.DropDownList("ports", (IEnumerable<SelectListItem>)ViewData["ports"], new { @id = "portdd" })
    </div>
    <div id="searchbar">
        <p>
            Name: <input type="text" name="SearchString" id="searchb"/>
        </p>
    </div>
</div>

@* FILTER BY PORTS *@
<script type="text/javascript">
    $(document).ready(function () {
        $('#portdd').change(function () {
            var value = this.value;
            $('tr:gt(0):not($(#' + value + '):attr(id))').hide();
        });
    });
</script>

@* FILTER BY NAME *@
<script type="text/javascript">
    $(document).ready(function () {
        $('#searchb').change(function () {
            var value = this.value;
            $('tr:gt(0):not(:contains(' + value + '))').hide();
        });
    });
</script>

但它没有按预期工作。任何帮助将不胜感激。

【问题讨论】：

请定义“未按预期工作”。另外，我怀疑您在某个时候需要show 一些东西（如果您每次过滤器更改时只hide 东西，您最终将什么都没有显示）
请使用最终的 HTML 和合适的演示表创建一个minimal reproducible example。

标签： javascript c# razor-pages

【解决方案1】：

$('tr:gt(0)[id !=' + value + ']').hide();

如果我理解正确

【讨论】：

谢谢！是的，这就是我所需要的，我对 javascript 不是很方便。再次感谢您！