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

Javascript jquery匹配<;p>;基于给定值的值,javascript,jquery,html,asp.net-mvc,Javascript,Jquery,Html,Asp.net Mvc,我在页面上的div中有一个员工网格,在每个div中我添加了一个新的“filter content”div,其中包含适用于该员工的各种标准的ID。例如“专业”、“区域”、“职位级别”等 这是我的分数: foreach (SearchFirmRecruiter searchFirmRecruiter in Model.OrderBy(o => o.LastName)) { bool blnUserDeactivated = searchFirmRecru

我在页面上的div中有一个员工网格,在每个div中我添加了一个新的“filter content”div,其中包含适用于该员工的各种标准的ID。例如“专业”、“区域”、“职位级别”等

这是我的分数:

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>
        }
这是页面当前外观的图像,因此在本示例中选择Accounting作为过滤器,这是specialism id 25,因此只应显示James Dibner和Harjinder Royston


我希望所有这些都是有意义的,我感谢任何回答或建议。非常感谢大家

我认为将专门ID作为div的一个类别更为合理,以便更容易确定目标,而不是将ID放在体内。看看我昨天偶然发现的这个问题:只是一个建议:尝试使用OData。它有内置的过滤系统。是asp.net吗?您只需使用筛选数据调用odata控制器,即可获得所需的结果。
function filterSpecialism(specialismId) {            

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