Я хочу добавить строки во всю таблицу с именем

Я хочу добавить несколько строк в таблицы, но они имеют одинаковое имя. У меня есть отдельная длина строки для трех таблиц, но когда я вставляю строку, она вставляется только в первую таблицу. Вот мой код с использованием javascript:

$('table').each(function() {
    var sam = $('tbody tr', this).length;
        var table = document.getElementById("tb-calendar1");

        // alert(sam);
        if (sam < 8){
            var row = table.insertRow(7);

            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            var cell4 = row.insertCell(3);
            var cell5 = row.insertCell(4);
            var cell6 = row.insertCell(5);
            var cell7 = row.insertCell(6);

            cell1.innerHTML = " ";
            cell2.innerHTML = " ";
            cell3.innerHTML = " ";
            cell4.innerHTML = " ";
            cell5.innerHTML = " ";
            cell6.innerHTML = " ";
            cell7.innerHTML = " ";
                    }
    });

Вот картинка Я хочу добавить строки во всю таблицу с именем

Не могли бы вы добавить HTML к вопросу. Я спрашиваю, потому что кажется, что вы повторяете одно и то же id несколько раз, что недопустимо и может вызвать описанное вами поведение.

Rory McCrossan 13.06.2019 12:10

Ваш jQuery предназначен для каждого элемента table, но внутри вы всегда выбираете элемент таблицы с идентификатором tb-calendar1. Я должен быть уникальным для каждого элемента на странице. Но, может быть, вы действительно хотите $(this).

lurker 13.06.2019 12:12

да, я надеюсь, что смогу указать разные идентификаторы, но я использовал библиотеку календаря и просто получил его через модель, и я не знаю, как я буду разделять его по отдельности. Но большое спасибо, господа.

angel1108 13.06.2019 12:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
48
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Похоже, у вас есть элементы таблицы с повторяющимися идентификаторами электронной почты. Идентификаторы должны быть уникальными. Из-за повторяющихся идентификаторов ваш селектор для таблицы (document.getElementById) выбирает только первую таблицу.

Вы можете использовать контекст this для нацеливания на текущий элемент таблицы в .each().

var table = this;

уааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа замож будет за будет :О... за начала var table = $(this); но не заработает... вот как это сделать!!!! спасибо ^_^

angel1108 13.06.2019 12:15

Это не сработало, потому что .insertRow — это функция Javascript. использование методов/свойств javascript для объекта jquery вызовет ошибку. Рад, что помогает :)

Milind Anantwar 13.06.2019 12:16

Другие вопросы по теме