是否有一个不区分大小写的版本:包含 jQuery选择器,还是应该通过循环遍历所有元素并将它们的.text()与我的字符串进行比较来手动完成工作?
我的HTML看起来像这样
<input id="txt" value=""></input>
<div class="link-item">jK</div>
<div class="link-item">JFOO</div>
Run Code Online (Sandbox Code Playgroud)
我的js
$('#txt').keyup(function(){
var txtsearch = $('#txt').val();
var filt = $("div.link-item:contains('" + txtsearch +"')");
$("div.link-item").css("display", "none")
.filter(filt)
.css("display", "block");
});
Run Code Online (Sandbox Code Playgroud)
我想在客户端动态过滤内容.当我输入大写字母j时,它只返回第二个div,而我想得到包含j的所有div,无论是大写还是小写.
我正在尝试在jQuery中找到一个选择器,它选择所有的复选框输入,并且它们的名称包含一个特定的单词,如"top"或"Top".b/c有问题,选择其他复选框.
是否可以使用以下内容:
$("input[name*='top'] type:checkbox").each etc?
Top 1<input type="checkbox" name="Top1" /><br />
Top 2<input type="checkbox" name="Top2" /><br />
Top 3<input type="checkbox" name="Top3" /><br />
Top 4<input type="checkbox" name="Top4" /><br />
Bottom 1<input type="checkbox" name="Bottom1" /><br />
Bottom 2<input type="checkbox" name="Bottom1" /><br />
Bottom 3<input type="checkbox" name="Bottom1" /><br />
Bottom 4<input type="checkbox" name="Bottom1" /><br />
Run Code Online (Sandbox Code Playgroud)
我只想选中其名称中包含"top"字样的复选框.
我的问题可能类似于,
和
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
Run Code Online (Sandbox Code Playgroud)
我也尝试了这个:
this.element.find(".k-grid-content").animate({
scrollTop: this.select().offset().top });
}
Run Code Online (Sandbox Code Playgroud)
但是,提供给上述问题的解决方案对我有帮助,我对第二个链接提供的小提琴链接有问题:http://jsfiddle.net/blackjim/9GCYE/5/
当我尝试获取行的表中某处的行的视图时,该解决方案正常工作.但是,在那之后,(即,在从网格底部获得一行的焦点之后),当我尝试从顶部选择一行时,控件仍然向下滚动,因此滚动功能的目的变得毫无意义那里.
我有一个搜索框,我可以在其中键入与行数据匹配的内容,如果匹配,则应触发滚动,以便将选定的行添加到用户视图中.
上述解决方案中的代码适用于此标准.但是,现在,再次,如果我尝试搜索与网格顶部的某些行匹配的内容,则滚动不会从底部(先前选定的行)发生到网格顶部的新选择的行.
我如何修改上面的代码以满足我的需要?
例如搜索
$('[name=whatever]')
Run Code Online (Sandbox Code Playgroud)
应该找到
$('[name=whatever]') and $('[name=WhaTevEr]')
Run Code Online (Sandbox Code Playgroud)
谢谢 ;)