Javascript Jquery-在<;ul>;
嘿,伙计们,我正在搜索一个Javascript Jquery-在<;ul>;,javascript,jquery,Javascript,Jquery,嘿,伙计们,我正在搜索一个 基本上,在我编写时,它需要隐藏/显示相应的元素 HTML <input id="searchUtil" type="search" placeholder="Pesquisa..."/> <ul id="ulutilizadores" class="list-group"> <li>**some code*</li> </ul> **一些代码* 到目前为止,我有: //#searchUtil
基本上,在我编写时,它需要隐藏/显示相应的
元素
HTML
<input id="searchUtil" type="search" placeholder="Pesquisa..."/>
<ul id="ulutilizadores" class="list-group">
<li>**some code*</li>
</ul>
- **一些代码*
到目前为止,我有:
//#searchUtil is the <input> id
$('#searchUtil').on('keyup', function (e) {
var searchText = $(this).val();
//#ulutilizadores is the <ul> id
$('#ulutilizadores li').each(function () {
var text = $(this).val();
if (text.indexOf(searchText)) {
$(this).hide();
} else {
$(this).show();
}
});
});
/#searchUtil是id
$('searchUtil')。关于('keyup',函数(e){
var searchText=$(this.val();
//#ulutilizadores是id
$('#ulutilizadores li')。每个(函数(){
var text=$(this.val();
if(text.indexOf(searchText)){
$(this.hide();
}否则{
$(this.show();
}
});
});
这不管用。
我一直在寻找,但没有找到好的答案。有人能给我指出正确的方向吗 您的代码中有一个小错误
var text = $(this).val();
应该是
var text = $(this).text();
就你而言
jQuery手册
试试这个。在这里,您可以搜索完全相同的文本。更改为searchText.Contains(this.innerHTML)或类似的内容,以获取文本在列表中的位置 HTML:
<ul id="ulutilizadores" class="list-group">
<li>test</li>
<li>test1</li>
</ul>
你能发布html吗,JSFIDLE会更好。什么是#searchUtil什么是#ulutilizadores。。没有HTML很难帮助用户界面添加它们。哦,我知道:
var text=$(this.text()代码>.val()
用于输入非常欢迎您
$('#searchUtil').change(function(){
var searchText = $(this).val();
$('#ulutilizadores li').each(function () {
if(searchText !== this.innerHTML )
{
$(this).hide();
}
else
{
$(this).show();
}
});
});