Как посчитать количество строк в объекте table html и записать его в последнею строку? / HTML, JavaScript, VBScript, CSS

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как посчитать количество строк в объекте table html и записать его в последнею строку?

11 сообщений из 11, страница 1 из 1

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061600

Vlad__i__mir

Гость

Здравствуйте!

Есть таблица:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.

 @model IEnumerable<CollectVoters.Models.Friend>
@{
    ViewData["Title"] = "Index";
}

  <table class="table" id="friendTable">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.FamilyName)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Name)
            </th>                
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.FamilyName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Name)
                </td>                    
            </tr>
        }
        <tr>
            <td>
               
            </td>
        </tr>
    </tbody>
</table>

Нужно посчитать количество строк в ней и записать полученное значение либо в последнею строку, либо в др. отдельный элемент страницы.

Как посчитать разобрался, так должно работать:

Код: javascript

1.
2.
3.
4.
5.
6.

<script>
    function cellCounter() {
        document.getElementsByTagName('table').item(0).getElementsByTagName('tbody').getElementsByTagName('tr').length;
    }
    window.onload = cellCounter;
</script>

или

Код: javascript

var tableSize = $("#friendTable").find("tbody").find("tr").length;

Как теперь вызвать и присвоить вычисленное значение либо в последнею строку, либо в др. отдельный элемент страницы?

...

Рейтинг:

0 / 0

12.04.2021, 10:06

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061606

бабушкин зайчик

Гость

ну как-то так:

Код: javascript

$('#div').html(tableSize);

а что, гугл сломался?

...

Рейтинг:

0 / 0

12.04.2021, 10:17

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061659

voraa

Гость

Vlad__i__mir,
Так

Код: javascript

1.
2.

document.getElementsByTagName('table').item(0).getElementsByTagName('tbody').getElementsByTagName('tr').length;

точно не сработает

Все это проще делается.

Код: javascript

1.
2.
3.
4.
5.
6.
7.

// Прочитать кол-во строк

let nrows = document.getElementsById('friendTable').tBodies[0].rows.length;

// Записать кудато

document.getElementsById('id куда писать').innerHTML = nrows;

...

Рейтинг:

0 / 0

12.04.2021, 12:07

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061661

Vlad__i__mir

Гость

бабушкин зайчик

ну как-то так:

Код: javascript

$('#div').html(tableSize);

а что, гугл сломался?

Пытаюсь сделать как вы предложили - не работает:

Код: html

<p id="numberRecords"><font size="4" color="black" face="Arial"></font></p>

Код: javascript

1.
2.

var tableSize = $("#friendTable").find("tbody").find("tr").length;
    $('#numberRecords').html(tableSize);

...

Рейтинг:

0 / 0

12.04.2021, 12:15

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061670

Vlad__i__mir

Гость

voraa

Vlad__i__mir,
Так

Код: javascript

1.
2.

document.getElementsByTagName('table').item(0).getElementsByTagName('tbody').getElementsByTagName('tr').length;

точно не сработает

Все это проще делается.

Код: javascript

1.
2.
3.
4.
5.
6.
7.

// Прочитать кол-во строк

let nrows = document.getElementsById('friendTable').tBodies[0].rows.length;

// Записать кудато

document.getElementsById('id куда писать').innerHTML = nrows;

авторUncaught TypeError: document.getElementsById is not a function
at Friends:363

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

script>
    
    let nrows = document.getElementsById('friendTable').tBodies[0].rows.length; //Ошибка
    document.getElementsById('numberRecords').innerHTML = nrows;
    function cellCounter() {
    
        var trSize = document.getElementsByTagName('table').item(0).getElementsByTagName('tbody').getElementsByTagName('tr').length;
    }
    window.onload = cellCounter;
</script>

...

Рейтинг:

0 / 0

12.04.2021, 12:26

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061683

Vlad__i__mir

Гость

voraa, чертов copy-pust, ошибка в названии функции была. Спасибо! Работает!

...

Рейтинг:

0 / 0

12.04.2021, 12:43

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061694

Vlad__i__mir

Гость

бабушкин зайчик, вот тут конечно дело не в присвоении, а в операции подсчёта, мне выдает сообщение с ошибкой:
авторUncaught ReferenceError: $ is not defined
at Admin:530

На строке:

Код: javascript

var tableSize = $("#friendTable").find("tbody").find("tr").length;

В чем тут дело?

...

Рейтинг:

0 / 0

12.04.2021, 13:07

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061707

Vlad__i__mir

Гость

бабушкин зайчик, разобрался, нужно чтобы

Код: html

1.
2.
3.

<environment include="Development">
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
</environment>

стояло перед скриптом, тогда работает.

Спасибо!

...

Рейтинг:

0 / 0

12.04.2021, 13:32

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061793

бабушкин зайчик

Гость

сами же писали:

Vlad__i__mir

Код: javascript

var tableSize = $("#friendTable").find("tbody").find("tr").length;

а потом оказывается, что он не подключён

...

Рейтинг:

0 / 0

12.04.2021, 17:25

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40061826

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Vlad__i__mir

Код: javascript

1.
2.

var tableSize = $("#friendTable").find("tbody").find("tr").length;
    $('#numberRecords').html(tableSize);

Ну наворотил...

Код: javascript

var tableSize = $("#friendTable > tbody > tr").length;

Или нативный вариант...

Код: javascript

var tableSize = document.querySelectorAll("#friendTable > tbody > tr").length;

...

Рейтинг:

0 / 0

12.04.2021, 20:18

| Ответить | Цитировать | Написать

Как посчитать количество строк в объекте table html и записать его в последнею строку?

#40062004

Vlad__i__mir

Гость

krvsa

Vlad__i__mir

Код: javascript

1.
2.

var tableSize = $("#friendTable").find("tbody").find("tr").length;
    $('#numberRecords').html(tableSize);

Ну наворотил...

Код: javascript

var tableSize = $("#friendTable > tbody > tr").length;

Или нативный вариант...

Код: javascript

var tableSize = document.querySelectorAll("#friendTable > tbody > tr").length;

ну да, но я в JS дуб дубом, поэтому как говорится - на что горазд )

...

Рейтинг:

0 / 0

13.04.2021, 12:54

| Ответить | Цитировать | Написать

11 сообщений из 11, страница 1 из 1

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

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

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=40061659&tid=1443258]:	0ms
get settings:	10ms
get forum list:	12ms
check forum access:	4ms
check topic access:	4ms
track hit:	33ms
get topic data:	11ms
get forum data:	3ms
get page messages:	50ms
get tp. blocked users:	2ms
others:	249ms

total:	378ms