Показать сообщение отдельно
  #1 (permalink)  
Старый 26.02.2014, 16:41
Кандидат Javascript-наук
Отправить личное сообщение для cha0s Посмотреть профиль Найти все сообщения от cha0s
 
Регистрация: 21.10.2013
Сообщений: 125

Как перестроить html код
Есть такой hml код
<table>
	<tbody>
		<tr>
			<td>description</td>
		</tr>
		<tr>
			<td>
			<table class="spec">
				<tbody>
					<tr>
						<td>CPU Family name</td>
						<td>Athlon X2</td>
					</tr>
					<tr>
						<td>Model number</td>
						<td>340</td>
					</tr>
					<tr>
						<td>Clock speed</td>
						<td>3200 MHz</td>
					</tr>
					<tr>
						<td>Cache</td>
						<td>1MB</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>


как с помощью jquery пробежать его и прописать нужным <td> классы... Например мне надо чтоб этот html стал таким

<table>
	<tbody>
		<tr>
			<td class="desc">description</td>
		</tr>
		<tr>
			<td>
			<table class="spec">
				<tbody>
					<tr>
						<td class="left">CPU Family name</td>
						<td class="right">Athlon X2</td>
					</tr>
					<tr>
						<td class="left">Model number</td>
						<td class="right">340</td>
					</tr>
					<tr>
						<td class="left">Clock speed</td>
						<td class="right">3200 MHz</td>
					</tr>
					<tr>
						<td class="left">Cache</td>
						<td class="right">1MB</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>


Количество строк в таблице с классом spec может быть сколько угодно

Последний раз редактировалось cha0s, 26.02.2014 в 16:44.
Ответить с цитированием