Как указать на соседний элеменет внутри tr?

Question

[zxcursed]

Есть таблица формата:

<table id="table1" table class="table table-bordered table-hover">
<thead class="thead-dark">
   <tr class="header">
      <th>Колонка 1</th>
      <th>Колонка 2</th>
      <th>Колонка 3</th>
</thead>
</tr>
<tr>
   <td>
      <span id="kolonka1" data-clipboard-action="copy" data-clipboard-text="Текст колонки1">Текст колонки 1</>
   </td>
   <td>
      <select class="selectpicker" id="kolonka2">
         <option value="значение 1"></option>
         <option value="значение 2"></option>
      </select>
   </td>
   <td>
      <select class="selectpicker" id="kolonka3">
         <option value="значение 1"></option>
         <option value="значение 2"></option>
      </select>
   </td>
</tr>
</table>

Которая может содержать до 100+ "строк"

Как в данном JS указать, что нужно копировать значение из столбца внутри

var clipboard = new ClipboardJS('.kolonka1',{
    text: function(trigger) {
        var 1 = $(trigger).data('clipboard-text');
        var 2 = document.querySelector('#kolonka2').value;
        var 3 = document.querySelector('#kolonka3').value;
        return 1 + 2 + 3;
    }
});

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);

    e.clearSelection();
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});

В данном случае значения kolonka2 и kolonka3 берутся из первой "строки" столбца, а надо из этого же

Answer 1

[Stalker_RED]

Не совсем понятно что вы хотите от селектов, но вот пример:
при клике по третьей колонке текст из первых двух копируется в буфер.

Comments

[zxcursed]

При нажатии на текст первой колонки хочу получить этот текст + value двух следующих колонок, где селекты

[FeST1VaL]

zxcursed, Берете родителя tr и ищите в нем селекторы потом перебираете и складываете

[zxcursed]

FeST1VaL, пробовал, не получилось, на примере JS кода в топикстарт месседже может подсказать как сделать?

[zxcursed]

Stalker_RED как получить не textContent, а value таким же способом?

[Stalker_RED]

zxcursed, вместо td.textContent можно сделать td.querySelector('select').value

на примере вашего кода не могу ничего показать, т.к. ваш код не запускается. И да, у вас там обращение к элементам #kolonka2 и #kolonka3 по id, но видимо вы хотите чего-то другого.

[zxcursed]

Stalker_RED, Всё заработало, спасибо большое