Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как посчитать количество строк в объекте table html и записать его в последнею строку? / 11 сообщений из 11, страница 1 из 1
12.04.2021, 10:06
    #40061600
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
Здравствуйте!

Есть таблица:
Код: 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
1.
var tableSize = $("#friendTable").find("tbody").find("tr").length;



Как теперь вызвать и присвоить вычисленное значение либо в последнею строку, либо в др. отдельный элемент страницы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 10:17
    #40061606
бабушкин зайчик
бабушкин зайчик
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
ну как-то так:
Код: javascript
1.
$('#div').html(tableSize);


а что, гугл сломался?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 12:07
    #40061659
voraa
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
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:15
    #40061661
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
бабушкин зайчик
ну как-то так:
Код: javascript
1.
$('#div').html(tableSize);


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


Пытаюсь сделать как вы предложили - не работает:
Код: html
1.
<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:26
    #40061670
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
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:43
    #40061683
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
voraa, чертов copy-pust, ошибка в названии функции была. Спасибо! Работает!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 13:07
    #40061694
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
бабушкин зайчик, вот тут конечно дело не в присвоении, а в операции подсчёта, мне выдает сообщение с ошибкой:
авторUncaught ReferenceError: $ is not defined
at Admin:530

На строке:
Код: javascript
1.
var tableSize = $("#friendTable").find("tbody").find("tr").length;



В чем тут дело?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 13:32
    #40061707
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
бабушкин зайчик, разобрался, нужно чтобы
Код: html
1.
2.
3.
<environment include="Development">
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
</environment>


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

Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 17:25
    #40061793
бабушкин зайчик
бабушкин зайчик
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
сами же писали:
Vlad__i__mir
Код: javascript
1.
var tableSize = $("#friendTable").find("tbody").find("tr").length;


а потом оказывается, что он не подключён
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2021, 20:18
    #40061826
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
Vlad__i__mir

Код: javascript
1.
2.
var tableSize = $("#friendTable").find("tbody").find("tr").length;
    $('#numberRecords').html(tableSize);


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

Код: javascript
1.
var tableSize = $("#friendTable > tbody > tr").length;



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

Код: javascript
1.
var tableSize = document.querySelectorAll("#friendTable > tbody > tr").length;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2021, 12:54
    #40062004
Vlad__i__mir
Vlad__i__mir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как посчитать количество строк в объекте table html и записать его в последнею строку?
krvsa
Vlad__i__mir

Код: javascript
1.
2.
var tableSize = $("#friendTable").find("tbody").find("tr").length;
    $('#numberRecords').html(tableSize);


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

Код: javascript
1.
var tableSize = $("#friendTable > tbody > tr").length;



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

Код: javascript
1.
var tableSize = document.querySelectorAll("#friendTable > tbody > tr").length;



ну да, но я в JS дуб дубом, поэтому как говорится - на что горазд )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как посчитать количество строк в объекте table html и записать его в последнею строку? / 11 сообщений из 11, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 391ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443258]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 55ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 243ms
total:  391ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]