Как выбрать одну конкретную ячейку в таблице HTML, используя JS / jQuery? - PullRequest
Новая
       17

Как выбрать одну конкретную ячейку в таблице HTML, используя JS / jQuery?

0 голосов
/ 20 апреля 2019

календарный месяц с 5 строками календарный месяц с 6 строками

Я создаю динамический календарь с использованием HTML (таблиц) и JavaScript;Я хочу изменить высоту и ширину ячеек таблицы в зависимости от того, нужно ли конкретному месяцу 5 или 6 строк для отображения всего месяца.

Я хочу выбрать ячейку в таблице HTML, используя JavaScript / jQuery, чтобыЯ могу использовать его текст в условном выражении для изменения размера календаря.Блок кода должен выглядеть примерно так: 

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 строкам в зависимости от месяца.

1 Ответ

0 голосов
/ 20 апреля 2019

Вы можете просто использовать :nth-child() Selector в Jquery

Пример: $("td:nth-child(1)").text()

Для более подробной информации https://api.jquery.com/nth-child-selector/

...