Выделите все элементы класса в шаге с введением. js - PullRequest
Новая
       10

Выделите все элементы класса в шаге с введением. js

0 голосов
/ 25 марта 2020

Я пытаюсь настроить вступление. js, чтобы выделить весь столбец таблицы с помощью класса. Я объясню с примером кода.

Вот это HTML: 

<table>
  <tr>
    <td></td>
    <td class"secondColumn"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td class"secondColumn"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td class"secondColumn"></td>
    <td></td>
  </tr>
</table>

И JS: 

var intro = introJs();
        intro.setOptions({
            steps: [
                {
                    element: document.getElementsByClassName("secondColumn"),
                    intro: "Hello",
                }
            ]
        });
       intro.start();

I также пробовал следующие коды как элемент раздел:

document.querySelector("secondColumn")

document.querySelectorAll("secondColumn")

document.querySelectorAll('table tr > td:nth-child(2))

$('.secondColumn)

Если я использую document.getElementsByClassName("secondColumn")[0], он выделяет только второй столбец первой строки, а не вторые столбцы всей строки.

Я не смог этого сделать. Я просто хочу выделить всю колонку. Я могу легко выделить всю строку, указав класс или идентификатор для tr, но как насчет столбцов?

...