Question

我在页面上有一个div的工作人员网格，在每个div中我添加了一个新的'filter-content'div，其中包含适用于该员工的各种标准的ID。如'专业'，'地区'，'joblevel'等。

这是我的标记：

foreach (SearchFirmRecruiter searchFirmRecruiter in Model.OrderBy(o => o.LastName))
        {
            bool blnUserDeactivated = searchFirmRecruiter.DateRemoved.HasValue;
            string strCipher = @searchFirmRecruiter.getSearchFirmRecruiterCipherId();

            <div class="col-md-4">
                <div class="panel panel-default text-center @(blnUserDeactivated ? "deactivated" : "")">
                    <div class="panel-body">
                        <i class="fa fa-user-circle-o fa-3x"></i>
                        <p class="h4"><b>@searchFirmRecruiter.FirstName @searchFirmRecruiter.LastName</b></p>
                        <div class="filter-content">
                            <p class="specialisms"><b>@searchFirmRecruiter.Specialism</b></p>
                            <p class="regions"><b>@searchFirmRecruiter.Regions</b></p>
                            <p class="supplierType"><b>@searchFirmRecruiter.SupplierType</b></p>
                            <p class="jobLevel"><b>@searchFirmRecruiter.JobLevel</b></p>
                        </div>
                        <p><a href="mailto:@searchFirmRecruiter.Email">@searchFirmRecruiter.Email</a></p>
                        @if (blnUserDeactivated)
                        {
                            //Set the value
                            blnShowDisabledRecruitersLink = true;

                            <a data-href="@Url.Content("~")SearchFirm/ActivateRecruiter/@searchFirmRecruiter.getSearchFirmRecruiterCipherId()" data-toggle="confirmation" data-btn-ok-icon="fa fa-check" data-btn-cancel-icon="fa fa-remove" data-container="body" data-placement="top" class="btn btn-sm btn-success"><i class="fa fa-check margin-right-spacing"></i>Enable</a>
                        }
                        else
                        {
                            <a href="~/SearchFirm/ManageRecruiter/@strCipher" class="btn btn-sm btn-primary"><i class="fa fa-pencil margin-right-spacing"></i>Edit</a>
                            <span data-toggle="tooltip" data-placement="bottom" data-container="body" data-trigger="hover" title="" data-original-title="This user will no longer be able to access their jobs and submit any candidates"><a data-href="@Url.Content("~")SearchFirm/DeactivateRecruiter/@strCipher" data-toggle="confirmation" data-btn-ok-icon="fa fa-check" data-btn-cancel-icon="fa fa-remove" data-placement="top" class="btn btn-sm btn-danger"><i class="fa fa-remove margin-right-spacing"></i>Disable</a></span>
                        }
                    </div>
                </div>
            </div>
        }

在页面上，filter-content div如下所示：

，19,17,25，

，6,9,12,16,19，

，1，

，1,2,4-，

在页面的左侧，我有一些过滤器选项，每个上面的

类一个。因此，这些将列出所有“专业”，“区域”等复选框。当选择过滤器复选框时，我正在运行一个javascript函数来过滤该过滤器类型。因此，例如，如果用户选择“会计”专业并且是25，我想只显示具有“会计”专业性的员工。

点击过滤器后，如果员工符合标准，将会显示他们。

我是JQuery的新手，但我很确定这是实现我想要的最佳方式。我有一个javascript函数用于传递所选过滤器值的每个过滤器，在此功能中，理想情况下，我想首先隐藏所有div，然后只显示符合过滤条件的div。目前我只是在努力回归专业，一旦我拥有那些我可以做一些逻辑来确定传递的specialismId是否被包含，因此是否应该显示这名工作人员

function filterSpecialism(specialismId) {            

        alert(specialismId);
        alert($(".filter-content").find('p').find('specialisms').val)
}

这是一个当前页面如何显示的图像，因此在此示例中选择Accountancy作为过滤器，这是专业ID 25，因此只应显示James Dibner和Harjinder Royston

example

我希望一切都有意义，我感谢任何答案或建议。非常感谢所有人

jquery匹配基于给定值的<p>值

0 个答案: