Показать сообщение отдельно
  #1 (permalink)  
Старый 28.09.2015, 21:54
hhh hhh вне форума
Профессор
Отправить личное сообщение для hhh Посмотреть профиль Найти все сообщения от hhh
 
Регистрация: 19.11.2013
Сообщений: 150

Интересная задачка с пробелами
Здравствуйте! Химичу свой велик значит. При клике удаляем ячейки, но как они удалятся меня не устраивает, остаются ненужные пробелы. Вопрос, если можно сделать регуляркой, на сколько она будет сложна?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <script>
    $(function () {

     var table$ = $('table'),
         tableHtml$ = table$.html().replace(/</g, '&lt;').replace(/>/g, '&gt;'),
         result$ = $('#result'),
         btn$ = $('#btn');

    result$.html(
        '<pre>' + tableHtml$ + '</pre>'
      )

      btn$.on('click', function () {
        table$.find('td').last().remove();
        tableHtml$ = table$.html().replace(/</g, '&lt;').replace(/>/g, '&gt;');

        result$.html(
            '<pre>' + tableHtml$ + '</pre>'
          )

      });

    });
  </script>

</head>
<body>

<button id="btn" style="margin-bottom: 20px">removeer</button>

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

<div id="result"></div>

</body>
</html>
Ответить с цитированием