Tag: html table

如何使用jQuery或Javascript隐藏具有相同id的所有表行?

我有一个表格,其行具有彼此的自定义属性。 我想使用jQuery(或Javascript)隐藏除父行之外的所有表行。 我怎么能这样做? Parent Child Child Child 编辑:对我来说哇大错,我非常抱歉,我的意思是自定义属性。 更新!

jquery:如何根据文本输入隐藏表

我有一个文本输入框 和这样的多个HTML表 : Table1 title Name Country Andrew USA John Canada 我想根据输入框中的用户类型过滤数据。 现在我的JS代码是: $(document).ready(function(){ $(“#search”).keyup(function(){ // When value of the input is not blank if( $(this).val() != “”) { // Show only matching TR, hide rest of them $(“#table1 > tbody > tr”).hide(); $(“#table1 td:contains-ci(‘” + $(this).val() + “‘)”).parent(“tr”).show(); } else { // When there […]

如何计算搜索表上匹配结果的数量

我制作了一个带搜索function的HTML表格。 我想在搜索时显示匹配结果金额,以及搜索字段为空时的总金额。 我尝试使用.length但它计算了所有包含隐藏的行。 我怎样才能只计算显示的行? 的jsfiddle 我目前正在使用此代码: //testing: count number of results var rowCount = $(‘#search-table >tbody >tr’).length; document.getElementById(‘count’).innerHTML = rowCount; 先感谢您。

如何获取具有特定子项的项目列表?

我有一个表,其中每一行以“复选框”开头,我想获得包含复选框的所有TR,并检查它。 像这样的东西: $(‘#’ + tableId + ‘ > tbody > tr:contains(td > input[type=checkbox]:checked’).each(function (i, item) { alert(‘delete ‘ + $(item).data(‘row-id’)); }); 该代码不起作用,它被卡住了。 可能是因为“contains”选择器仅用于文本。 我怎么能这样做? 问候。

jQuery.expandingTextarea不在表中工作

运行jQuery插件bgrins / ExpandingTextareas ( github )时,100%-width表中的标签无法按预期工作。 特别是,textarea不会根据需要垂直扩展,并且textarea的水平位置具有不正确的偏移,其随着输入文本而变化。 这是一个说明问题的示例jsFiddle 。 我还在GitHub上打开了相应的问题#33 。 关于为什么会发生这种情况以及如何解决这个问题的任何想法都将是最受欢迎的。

如何从Oracle APEX 4 Classic Report中选择行元素值(表标记中的行元素)

这是挑战.. 我在Oracle APEX 4中有一个基于SQL 1区域的经典报告 报告(Report1)的结构如下 DATE_COL(this column will be hidden) or even the whole region can be hidden) Row1 12-01-2001 Row2 11-01-2001 Row3 10-01-2001 我想选择Row1的DATE_COL值为Date1,并将其分配给ITEM的标签,该标签可以位于同一页面或另一页面上。 例如,ITEM说的是P_ITEM,其名称将在屏幕上显示为12-01-2001 所以,基本上我想选择DATE_COL列的报告的Row1元素,并将其用作标签名称 然后我想选择DATE_COL的Row2元素,它是DATE2并分配给同一页面上的另一个报告的col1标签,即Report2,看起来像这样 11-01-2001 (this name is coming from report 1 of DATE_COL of Row2 element) also it has link Row1 100 Row2 200 请指导我如何完成这一个。 示例html看起来像这样 DATE1 DATE2 DATE3 […]

在特定日期使用jquery隐藏表列

我在db.it中有一个名为view results的表有3列..我想在14天后隐藏它的第3列’Apply Recorrection’。例如:表显示日期是2012-12-01。14天之后怎么能隐藏这个第3栏(参考此表的学生不会看到2012-12-15表格。)….这是我的示例代码: Student IDGradeApply Recorrection RS211CClick Here RS221BClick Here RS251FClick Here ​ JS代码: $(“table td:nth-child(3)”).hide();​ 演示代码链接: http : //jsfiddle.net/ELRpv/4/ 帮我编辑这段代码来完成我的任务……

将列附加到从右侧偏移的HTML表

如何计算表格第一行中的列数,减1,然后在该位置插入一列到我的表中? 我希望该列的第一行与其他列不同。 这是一个基本的小提琴,它将列插入到固定位置的表中。 本主题讨论插入新列。 问题是它使用从左侧固定的位置来插入列。 它也不会更改顶部列。 这是我从该post改编的示例代码: $(document).ready(function(){ $(‘#AddOT’).click(function(){ $(‘#Table1’).find(‘tr’).each(function(){ $(this).find(‘td’).eq(0).after(‘cell 1a’); }); }); }); 本主题讨论确定“表”中的列数。 该示例似乎不起作用,因为在HTML中放置多个表会产生问题: $(function() { var colCount = 0; $(‘tr:nth-child(1) td’).each(function () { if ($(this).attr(‘colspan’)) { colCount += +$(this).attr(‘colspan’); } else { colCount++; } }); }); 有一个jsfiddle与列的计数一起。 编辑:问题解决了,我能够根据行索引值制作一个修改的小提琴,将不同的内容放入不同的行。 这将非常有用,因为我在不同的行上有不同类别的文本输入框,我根据类对它们求和。 我现在可以动态地向所有行添加新列,但仍然在每行中保留唯一的单元类。 真棒!

展开表格行并显示更多数据。 我有一些脚本,但是当我点击它时总是打开具有相同ID的同一行

表有很多表行,但是当我点击任何一行时,它只展开了一行ID为1.我需要每一行都可以展开。 怎么样? ID 1 2 3 4 5 2 2 3 4 5 Id Sample Sample Sample Sample 1 2 3 4 5 和javascript代码 $(document).ready(function () { $(‘.emarNote’).hide(); $(‘#myTable’).click(function (event) { tr_ID = $(event.target).parent().attr(‘id’); $(‘#’ + tr_ID + ‘-info’).fadeToggle(‘slow’); }); }); 这是一个关于jsfiddle的例子

在jQuery中选择属性的值

我有下表: text1 text2 text3 text4 text5 text6 text7 text8 对于每个 我想在第8个 保存字符串中name属性的值我试过这个: function DownloadZip() { $(‘.DownloadZip’).click(function(){ var res = “”; $(‘#table_csrdownloadcenter’).find(“tbody”).find(“tr”).find(td:nth-child(8)).find(“input”).each(function(){ res = $(this).attr(“name”).text(); alert(res); } }); } 任何人都可以帮助我使这个工作吗?