Добавить +25px относительно предыдущей?

Question

[Виталий]

Доброе утро. Есть таблица

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

Необходимо в каждой новой строке третей ячейки добавить +25px padding-left относительно предыдущей

Как это можно реализовать с помощью jquery

Comments

[iBird Rose]

25px чего? высоты ширины font-size?

[Антон]

25 пикселей чего?

[Виталий]

Антон: iBird Rose: padding-left

Answer 1

[Антон]

https://jsfiddle.net/bad8wjub/

Comments

[Виталий]

Не то, это просто задание всем третьим ячейкам padding-left: 25px
а надо чтобы в первой строке 3 ячейка имела padding-left: 25px
во второй строке 3 ячейка имела уже padding-left: 50px

[Антон]

Виталий: https://jsfiddle.net/bad8wjub/2/

Answer 2

[display: block]

Создай буфер в глоб.области. К 'table tr' применяй метод each. В each ищи у this третью ячейку. Плюсуй к буферу 25 и задавай третьей ячейке значение буфера.
Только какая разница, что задашь разную ширину у ячеек в одной колонке, если все они будут выравниваться по самой широкой?

Comments

[Виталий]

текст сдвинется вправо, а это как раз то что мне надо, А если не тяжело не могли бы вы дать пример

Answer 3

[Дмитрий Pacification]

var td = $('td:nth-child(3n)');
var content = 'Lorem ipsum dolor sit amet,
consectetur adipisicing elit.
Maxime, et?
';
for (var i = 0; i < td.length; i++) {
var newArr = content.split(/
/g);
var newContent = '';
for (var j = 0, ml = 25; j < newArr.length-1; j++, ml += 25) {
newArr[j] += '
';
newContent += newArr[j];
}
td[i].innerHTML = newContent;
}