如何使用Jquery:Contains指定要选择的级别
我试图选择包含特定文本的容器,然后相应地隐藏它们 但是,它似乎也选择了子元素,而不是主元素 这导致我的容器的一部分消失如何使用Jquery:Contains指定要选择的级别,jquery,jquery-selectors,Jquery,Jquery Selectors,我试图选择包含特定文本的容器,然后相应地隐藏它们 但是,它似乎也选择了子元素,而不是主元素 这导致我的容器的一部分消失 $("#SearchText").on("keyup", function () { var text = $("#SearchText").val(); $(".myList :contains(" + text + ")").show(); $(".myList :not(:contains(" + text + "))").hide(); }
$("#SearchText").on("keyup", function () {
var text = $("#SearchText").val();
$(".myList :contains(" + text + ")").show();
$(".myList :not(:contains(" + text + "))").hide();
});
html:
单词
说
你好
附件JFIDLE:
您需要使选择器更加具体。在这种情况下,要仅选择包含给定文本的
.container
元素,而不选择.myList
元素中包含的任何元素,请执行以下操作:
$(".myList .container:contains(...)")
$(".myList .container:not(...)")
.你能再解释一下吗?其实还不清楚。你说的子元素是什么意思?@RajaprabhuAravindasamy谢谢。下面提供了答案,但我改进了我的问题,以便更好地向其他人解释这个问题。我想我在提问之前已经尝试过了。效果很好。谢谢:)
$(".myList .container:contains(...)")
$(".myList .container:not(...)")