Показать сообщение отдельно
  #24 (permalink)  
Старый 26.07.2017, 15:26
Аватар для Alexandroppolus
Профессор
Отправить личное сообщение для Alexandroppolus Посмотреть профиль Найти все сообщения от Alexandroppolus
 
Регистрация: 25.10.2016
Сообщений: 1,005

Сообщение от LinaInverse Посмотреть сообщение
Таблица может быть любого размера (но квадратная).
табличка квадратная, предлагаю не усложнять

<!DOCTYPE HTML>
<html>
<head>
<title>title</title>
</head>
<body>
<table>
	<tr><td>1<td>2<td>3
	<tr><td>4<td>5<td>6
	<tr><td>7<td>8<td>9
</table>

<button>Клик</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function swapContent(elem1, elem2) {
    var t = elem1.innerHTML;
    elem1.innerHTML = elem2.innerHTML;
    elem2.innerHTML = t;
}

function transp(table) {
    for (var i = 0, rows = table.rows, count = rows.length; i < count; ++i) {
        for (var j = i + 1; j < count; ++j) {
             swapContent(rows[i].cells[j], rows[j].cells[i]);
        }
    }
}

$('button').click(function(){
	$("table").each(function() { transp(this); });
});
</script>
</body>
</html>
Ответить с цитированием