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

Question

我有一个 razor pages 项目，我需要用户在某些端口和变量名称之间进行过滤 select，我有点让搜索栏工作，但我不能做另一个工作。

这是我目前得到的：

<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>

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

Answer 1

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

如果我没理解错的话

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

Hide all tr whose id is not the value selected

javascript

c#

razor-pages