格式化 bootstrap datetimepicker v4 的结果
我使用以下代码:
$(document).ready(function () {
$('#myInput').datetimepicker({
format: 'YYYY-MM-DD',
});
$('#myInput').on('dp.change', function (e) {
var rex = new RegExp($(this).val(), "i");
$("#actividades_curso tr").hide();
$("#actividades_curso tr").filter(function () {
return rex.test($(this).text());
}).show();
$(".noResults").hide();
if ($("#actividades_curso tr:visible").length == 0) {
$(".noResults").show();
}
});
});
过滤结果正常,但显示时没有任何 css,并且原始表头消失了。我是 JavaScript 新手。有没有办法对结果进行格式化/应用 css?
I am using the following code:
$(document).ready(function () {
$('#myInput').datetimepicker({
format: 'YYYY-MM-DD',
});
$('#myInput').on('dp.change', function (e) {
var rex = new RegExp($(this).val(), "i");
$("#actividades_curso tr").hide();
$("#actividades_curso tr").filter(function () {
return rex.test($(this).text());
}).show();
$(".noResults").hide();
if ($("#actividades_curso tr:visible").length == 0) {
$(".noResults").show();
}
});
});
The filtered results are ok but are shown without any css and the original table headers are gone. I'm new to javascript. Is there a way to format/apply css to the results?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
只是为了这个小函数的目的,我得到了通过“.filter()”方法过滤的结果,并通过仅更改过滤方法的操作“区域”来保持所有内容与原始表的样式,换句话说,我更改了我的表主体 id 的 id ('#myTable'),我学会了使用 fiddle js。
$('#ohbudy tr').filter( function(){ return rex.test($(this).text()); }).show();
https://jsfiddle.net/e6g1ucvn/
Just for the purpose of this small function i got the results filtered by the '.filter()' method and keep everything with the style of the original table by just changing the 'area' of action of the filter method, in other words i changed the id ('#myTable') for the id of the body of my table, i have learnt to use fiddle js.
$('#ohbudy tr').filter( function(){ return rex.test($(this).text()); }).show();
https://jsfiddle.net/e6g1ucvn/