Форум

diakon · #1 (**permalink**) 10.09.2013, 13:24

Добрый день. Есть такой вопрос. Вот существует таблица такого, напримр вида:

<td id="id_td_table1" rowspan="3">Блок 1</td>
<tr>Текст1</tr>
<tr>Текст2</tr>
<tr>Текст3</tr>
<td id="id_td_table2" rowspan="3">Блок 2</td>

Вот как получить колличество эллементов <tr> между id="id_td_table1" и "id_td_table2" ?
Спасибо всем, кто решит помочь!

danik.js · #2 (**permalink**) 10.09.2013, 13:45

У тебя некорректная разметка. Любой td должен быть внутри tr, а tr внутри table или tfoot/thead/tbody

diakon · #3 (**permalink**) 10.09.2013, 13:48

Сообщение от danik.js

У тебя некорректная разметка. Любой td должен быть внутри tr, а tr внутри table или tfoot/thead/tbody

Разметка вообще швах и она не моя. Но поменять ее нельзя - долго вдаваться в подобности. Надо каким нить хреном jsом получить <tr>...

ruslan_mart · #4 (**permalink**) 10.09.2013, 13:54

$('#id_td_table1').nextAll('tr');

Или просто:

$('#id_td_table1').next();

danik.js · #5 (**permalink**) 10.09.2013, 14:11

Ruslan_xDD, следом за td#id_td_table1 не будет ни одного tr. Причину обозначил выше.

ruslan_mart · #6 (**permalink**) 10.09.2013, 14:24

danik.js, точно.

Тогда:

$('#id_td_table1').parent().nextAll('tr').find('td');

Если я не ошибаюсь, то браузер должен всё это преобразовать в:

<table>
   <tbody>
      <tr>
         <td id="id_td_table1" rowspan="3">Блок 1</td>
      </tr>
      <tr>
         <td>Текст1</td>
      </tr>
      <tr>
         <td>Текст2</td>
      </tr>
      <tr>
         <td>Текст3</td>
      </tr>
      <tr>
         <td id="id_td_table2" rowspan="3">Блок 2</td>
      </tr>
   </tbody>
</table>

рони · #7 (**permalink**) 10.09.2013, 14:31

Ruslan_xDD,

<body>
Текст1Текст2Текст3<table><tbody><tr><td id="id_td_table1" rowspan="3">Блок 1</td>
</tr><tr></tr>
<tr></tr>
<tr></tr>
<tr><td id="id_td_table2" rowspan="3">Блок 2</td>

</tr></tbody></table>



</body>

danik.js · #8 (**permalink**) 10.09.2013, 14:34

Сообщение от Ruslan_xDD

Если я не ошибаюсь, то браузер должен всё это преобразовать в:

Зачем гадать?

<table>
<td id="id_td_table1" rowspan="3">Блок 1</td>
<tr>Текст1</tr>
<tr>Текст2</tr>
<tr>Текст3</tr>
<td id="id_td_table2" rowspan="3">Блок 2</td>
</table>
<script>
    var self = document.scripts[document.scripts.length-1];
    self.parentNode.removeChild(self);
    alert(document.body.innerHTML);
</script>

ruslan_mart · #9 (**permalink**) 10.09.2013, 14:36

рони, проверил через оперу, ты прав.

Яростный Меч · #10 (**permalink**) 10.09.2013, 14:58

nextUntil

http://api.jquery.com/nextUntil/

Форум

Справочник

Discord чат

Курсы javascript