在JavaScript中通过ID引用特定的表(<tbody>)
Referencing specific tables (<tbody>) by ID in JavaScript
我有一个网站,上面有三个表,还有一个JavaScript搜索组件,允许用户搜索每个表。然而,由于JavaScript引用的是标签,而不是每个表的特定ID,这意味着当用户搜索时,它会搜索所有表。我如何用JavaScript写它必须引用X
这是我的JavaScript:
$(document).ready(function () {
$(".search").keyup(function () {
var searchTerm = $(".search").val();
var listItem = $('.results tbody').children('tr');
var searchSplit = searchTerm.replace(/ /g, "'):containsi('")
$.extend($.expr[':'], {
'containsi': function (elem, i, match, array) {
return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
}
});
$(".results tbody tr").not(":containsi('" + searchSplit + "')").each(function (e) {
$(this).attr('visible', 'false');
});
$(".results tbody tr:containsi('" + searchSplit + "')").each(function (e) {
$(this).attr('visible', 'true');
});
var jobCount = $('.results tbody tr[visible="true"]').length;
$('.counter').text(jobCount + ' item');
if (jobCount == '0') {
$('.no-result').show();
} else {
$('.no-result').hide();
}
});
});
提前感谢!:)
双向:
- 在表中添加
id
并使用$("#myID")
Jquery - 使用进行调用的DOM对象:
<table onclick="f(this)">
相关文章:
- 在<页眉>标签
- 如何更改<svg>标记为<img>用js标记
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- Ajax文件加载和<输入>文件加载
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 链接所有<a>Meteor
- 在<输入类型=“;文件“/>
- Div根据<选择>菜单
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- Jquery手风琴html表显示了一个<tbody>内容
- 获取内部输入<tr>在tbody中标记
- Javascript<tbody>交换不起作用
- 我怎样才能得到所有<tr>-s来自<tbody>并将其转换为字符串
- 在JavaScript中通过ID引用特定的表(<tbody>)
- CSS:在包含多个<tbody>标签
- 如何删除<tbody>标记
- 如何填充<tbody>使用动态生成的JavaScript
- 如何获得第一个的id
& lt; tbody>在HTML表格中使用jQuery - 删除<tbody>在javascript中
- 删除<tr>s附加到<tbody>