Показать сообщение отдельно
  #8 (permalink)  
Старый 06.10.2018, 17:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

содержимое выделенных ячеек строки
Sergey1986,

<style>
        table{
            border-collapse: collapse;
        }
        td{
        border: 1px solid gray;
        }
    </style>


    <table id="tab">
        <tr><td>34,5</td><td>3,5</td><td>36</td><td>23</td></tr>
        <tr><td>34,5</td><td>3,5</td><td>36</td><td>23</td></tr>
        <tr><td>34,5</td><td>3,5</td><td>36</td><td>23</td></tr>
    </table>
    <script>
        var tds = [...tab.querySelectorAll('td')];
        function idx(td) {
          return tds.indexOf(td)
        }
        tab.onmouseup = e => {
            var start = getSelection().anchorNode.parentNode,
            tr = start.parentNode,
            stop = getSelection().focusNode;
            stop = stop.tagName == 'TD'? stop:stop.parentNode;
            start = idx(start);
            stop = idx(stop);
            var min = Math.min(start, stop),
                max = Math.max(start, stop),
                arr = [...tr.querySelectorAll('td')]
                .filter(e => idx(e) >= min && idx(e) <= max)
                .map(e => e.textContent);

            console.log(arr);
        };
    </script>
Ответить с цитированием