Javascript Jquery在div中搜索值
我有下面的部门Javascript Jquery在div中搜索值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有下面的部门 <div class="clinic_visit_list_entry animated fadeInUp"> <div>Hepatitis B</div> <div>Screened: Yes</div> <div>Treated: Yes</div> <div>Referred: Yes British American Tobacco Kenya
<div class="clinic_visit_list_entry animated fadeInUp">
<div>Hepatitis B</div>
<div>Screened: Yes</div>
<div>Treated: Yes</div>
<div>Referred: Yes British American Tobacco Kenya Clinic</div>
</div>
<div class="clinic_visit_list_entry animated fadeInUp">
<div>Hepatitis B</div>
<div>Screened: Yes</div>
<div>Treated: Yes</div>
<div>Referred: Yes British American Tobacco Kenya Clinic</div>
</div>
如果所选值存在于div中,则应通过诊所就诊条目列表进行搜索。如何通过div实现搜索?(它应该只搜索已在选择选项值中的值)您可以使用选择器
说明:选择包含指定文本的所有元素
(对问题的评论)您可以循环浏览所有div并检查其内容是否与所选值匹配
$("#select_service").change(function() {
var value = $(this).val();
$(".clinic_visit_list_entry div").each(function() {
if ($(this).text().match(value)) {
//Text found in div
}
});
});
我建议搜索为
div
生成HTML标记的数据,但如果必须搜索DOM,则可以使用。下面是一个完整的工作示例
$(“选择服务”)。更改(功能(){
var值=$(“#选择#服务”).val();
//在Div中搜索所选值
var isFound=!!$('div.clinic\u visit\u list\u entry').find('*:contains('+value+'))).length;
var输出=document.createElement('div');
output.innerHTML='Value'+Value+'found:'+isFound;
document.body.appendChild(输出);
});代码>
乙肝筛查:YesTreated:YesReferred:是英美烟草肯尼亚诊所乙肝筛查:YesTreated:YesReferred:是英美烟草肯尼亚诊所
选择服务
请选择TB
乙型肝炎
丙型肝炎
过量管理
脓肿
酗酒和吸毒
子宫颈癌
通过搜索然后做什么?@lshettyl然后它会发出警报,如果该值已经存在于Div中,例如,如果它在Div中找到Ascess,它会提醒您该值已经存在于Div中。
$("#select_service").change(function () {
var value = $( "#select_service" ).val();
//Search through the Div for the selected value
});
$("#select_service").change(function () {
var value = $(this).val();
var div = $('.clinic_visit_list_entry div:contains("'+value+'")');
});
$("#select_service").change(function() {
var value = $(this).val();
$(".clinic_visit_list_entry div").each(function() {
if ($(this).text().match(value)) {
//Text found in div
}
});
});