Javascript Jquery包含特殊字符和小写字符
我在div中有一个搜索文本的小脚本:Javascript Jquery包含特殊字符和小写字符,javascript,jquery,contains,Javascript,Jquery,Contains,我在div中有一个搜索文本的小脚本: $('.net_container:contains("'+txt+'")').show(1000).css("color","red"); <script type="text/javascript"> jQuery(document).ready(function () { $('#search').click(function(){ $('.net_container').hide(); /* var txt =
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
<script type="text/javascript">
jQuery(document).ready(function ()
{
$('#search').click(function(){
$('.net_container').hide();
/*
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
*/
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container').filter(function(){
return $(this).text().toLowercase().includes(txt);
}).show(1000).css("color","red");
});
});
</script>
<input type="text" class="net_search" value="Buscar Título" onclick="this.value=''" id="search-criteria"/>
<input type="button" id="search" value="GO" class="net_search_boton"/>
此处测试:
也使用小写字母:
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
<script type="text/javascript">
jQuery(document).ready(function ()
{
$('#search').click(function(){
$('.net_container').hide();
/*
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
*/
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container').filter(function(){
return $(this).text().toLowercase().includes(txt);
}).show(1000).css("color","red");
});
});
</script>
<input type="text" class="net_search" value="Buscar Título" onclick="this.value=''" id="search-criteria"/>
<input type="button" id="search" value="GO" class="net_search_boton"/>
最后,在这两种情况下都改变特殊字符,以显示所有字母都是小写的单词,并且没有特殊字符,正如我所说的,直到,我尝试这样做,但我不知道我需要如何使用,因为我对jquery一无所知
提前感谢您的帮助,并致以最良好的问候
我从其他用户那里尝试了此代码,但无法正常工作:
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
<script type="text/javascript">
jQuery(document).ready(function ()
{
$('#search').click(function(){
$('.net_container').hide();
/*
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container:contains("'+txt+'")').show(1000).css("color","red");
*/
var txt = $('#search-criteria').val().toLowerCase();
$('.net_container').filter(function(){
return $(this).text().toLowercase().includes(txt);
}).show(1000).css("color","red");
});
});
</script>
<input type="text" class="net_search" value="Buscar Título" onclick="this.value=''" id="search-criteria"/>
<input type="button" id="search" value="GO" class="net_search_boton"/>
jQuery(文档).ready(函数()
{
$(“#搜索”)。单击(函数(){
$('.net_container').hide();
/*
var txt=$(“#搜索条件”).val().toLowerCase();
$('.net_容器:包含(“+txt+”)).show(1000).css(“颜色”,“红色”);
*/
var txt=$(“#搜索条件”).val().toLowerCase();
$('.net_容器')。筛选器(函数(){
返回$(this.text().toLowercase().includes(txt);
}).show(1000).css(“颜色”、“红色”);
});
});
改为使用,以便在回调中匹配大小写
这里有一个简单的例子,只需使用小写字母。将由您来替换特殊字符
var txt='Foo'.toLowerCase();
$('.net_容器')。筛选器(函数(){
返回$(this.text().toLowerCase().includes(txt);
}).show(1000).css(“颜色”、“红色”)代码>
第1项
第2项
富吧
第3项
您可以使用str.replace(/[^a-z0-9\s]/gi')
仅接受字母数字值。JSFIDLE(带代码):
$('ulli')。每个(函数(){
var val=$(this.text();
如果(/[^a-z0-9\s]/gi.test(val)){
$(this.css(“颜色”、“红色”);
}
});代码>
- 一,
- a
- 1a
- !!
- !%@^#李>
- 正文~
如果您在过滤器中遇到问题,您可以使用每个循环
jQuery(文档).ready(函数()
{
$(“#搜索”)。单击(函数(){
$('.net_container').hide();
var txt=$(“#搜索条件”).val().toLowerCase();
$('.net_容器')。每个(函数(){
if($(this).text().toLowerCase().includes(txt)){
$(this.show(1000).css(“颜色”、“红色”);
}
});
});
});代码>
你好,科莫·伊斯塔斯
Cómo estás Hello World
根本不清楚您的问题是什么。你试过什么?问题是什么?很简单,我想用div和同一个类搜索文本,但在搜索时,我需要将所有情况下的文本转换为小写并删除特殊字符。问题“Jquery包含和特殊字符和小写”的标题中不清楚。这是什么意思?要解决的问题应该在问题标题中。写一个标题,总结具体问题+在你发布任何代码之前介绍问题我尝试了你的代码,但我可以得到工作,看我的帖子,我把代码和你的更改放在一起,创建一个有真实内容的,我们可以运行的,你复制的版本,我输入了小写字母,并抛出了错误。在这一行中输入“hello”,不确定你想要的关于特殊字符的内容是什么