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

<div class="col">
                <div>
                     <b>Name:</b> <span>John</span> <button>change</button> 
                </div>
                <div>
                    <b>Surname:</b> <span>Doe</span> <button>change</button>
                </div>
                <div>
                    <b>Email:</b> <span>doe@gmail.com</span> <button>change</button>
                </div>
                <div>
                    <b>Birth date:</b> <span>13 May 1947</span> <button>change</button>
                </div>
            </div>
0
Bruce Wayne 14 Сен 2020 в 15:45

2 ответа

Лучший ответ

У вас есть много селекторов, которые вы можете использовать, если не хотите использовать класс или идентификаторы, хотя я настоятельно рекомендую вам использовать их, когда это возможно, для понимания.

Здесь вы можете использовать :nth-of-type(selector) вот так.

 // Select the first button of your page.
 document.querySelector('button:nth-of-type(1)');

 // Select the first button of your .col
 document.querySelector('.col button:nth-of-type(1)');

0
ArnaudV 14 Сен 2020 в 12:51

Вот список селекторов, которые вы можете использовать

div b ~ button

div button

.col div button

Вы можете попробовать селекторы здесь: http://try.jsoup.org/~91Zdheyo7rX9PpORd890PjMx

0
Charlie 14 Сен 2020 в 12:50