如何使用JS / jQuery在HTML表中选择一个特定的单元格?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用JS / jQuery在HTML表中选择一个特定的单元格?相关的知识,希望对你有一定的参考价值。
calendar month with 5 rows calendar month with 6 rows
我正在使用html(表格)和javascript创建动态日历;我想调整表格单元格的高度和宽度,具体取决于特定月份是需要5行还是6行来显示整个月份。
我想使用JavaScript / jQuery在HTML表中选择单元格,以便我可以在条件语句中使用其单元格文本来调整日历大小。代码块需要看起来像这样:
var td = $(td) // selects all <td> elements
var tdCheck6 = $(...) // selects cell text of cell in 1st row and 6th column
var tdCheck7 = $(...) // selects cell text of cell in 1st row and 7th column
/* using Monday as the first day of the week, if (Saturday is the first day
of one particular month AND the month has 31 days) OR (Sunday is the first day
of the month AND the month has more than 29 days: that month will need 6 rows) */
if ((tdCheck6 == "1" && daysInMonth == 31) || (tdCheck7 == "1" && daysInMonth > 29))
td.style.cssText = "height: 100px; width: 14.29%;";
// use default cell dimensions for 5 rows
else
td.style.cssText = "height: 120px; width: 14.29%;";
通过检查这些条件,日历将根据月份重新设置日历视口以适合5或6行。
答案
你可以在Jquery中使用:nth-child() Selector
示例:$("td:nth-child(1)").text()
有关详细信息https://api.jquery.com/nth-child-selector/
以上是关于如何使用JS / jQuery在HTML表中选择一个特定的单元格?的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 jquery 在 HTML 表中显示 json 内容