Блог

Главная - Вопросы по программированию - Как я могу «щелкнуть» все div в консоли firefox?

Как я могу «щелкнуть» все div в консоли firefox?

#javascript #firefox #console

Вопрос:

Как я могу выполнить действие «щелчок» для всех строк, которые начинаются с «стиль метки-область действия ytcp-кнопка» в следующем html:

 <div class="label style-scope ytcp-button">Edit Draft</div>

Вот что я попробовал

 $("div[class^=label style-scope ytcp-button]")​​​​​​​​​​​​​​.click();

похоже, это не сработает.

Комментарии:

1. Вы не можете использовать jQuery в консоли. Вам нужно использовать чистый JavaScript. Нравится document.getElementsByClassName("label style-scope ytcp-button");

Ответ №1:

Вы можете использовать простой метод JS querySelectorAll() .

 const els = document.querySelectorAll('.label.style-scope.ytcp-button');

els.forEach((el) => {
  el.click();
  console.log('clicked');
});

Комментарии:

1. можете ли вы сказать мне , хочу ли я нажать на текст, где текст по умолчанию в div = РЕДАКТИРОВАТЬ ЧЕРНОВИК ? <div class="label style-scope ytcp-button">Edit Draft</div>

2. @Mena вы должны быть в состоянии заставить это работать, добавив условие if. Что-то вроде этого: if (el.innerHTML === 'Edit Draft') { el.click(); console.log('clicked'); }

Ответ №2:

Вы пропустили апостроф. Вы должны написать вот так:-

          $("div[class^='label style-scope ytcp-button']").click();

Запустите приведенный ниже фрагмент кода, он не будет запускать метод оповещения при нажатии на последний раздел, так как класс «кнопка ytcp» отсутствует в последнем разделе.

 $(document).ready(function(){
    $("div[class^='label style-scope ytcp-button']").click(function(){
        alert("You have Click a Specific Class");
    });
}); 
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="label style-scope ytcp-button">It will Show Alert</div>
    <div class="label style-scope ytcp-button">It will Show Alert</div>
    <div class="label style-scope ytcp-button">It will Show Alert</div>
    <div class="label style-scope">It will not Show Alert</div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="script.js"></script>
</body>
</html>

Комментарии:

1. это не выполняется на консоли firefox.

Метки: