如何使用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 将行追加到表中?

使用 Cheerio.js 在表中迭代 TR

如何使用 jquery 在 HTML 表中显示 json 内容

使用 jQuery 时如何在 html 表中输出数组的内容?

jQuery选择器和选取方法

你如何获得更广泛的上下文 HTML,在 jQuery 或 Cheerio js 中包装给定的选择器代码?