Выбрать несколько элементов для querySelector в JS [дубликат]

178

09 октября 2018, 02:10

На данный вопрос уже ответили:

Задать атрибут элементу при выполнении определенных условий 1 ответ

Есть код, по клику на элемент .button, показывается или скрывается тултип (tooltip.show : tooltip.hide).

Как сделать так, чтобы было два селектора, допустим button_1 и button_2. Я думал это должно выглядеть как ('.button_1', '.button_2'), но кажется не работает

Как здесь же выполнить tooltip.hide при клике по области за .button

<script>
    (function Example () {
        var flag = false;
        document.querySelector('.button').addEventListener('click', function (e) {
            flag = !flag;
            (flag ? tooltip.show : tooltip.hide)(e.target);
        });
    }());
</script>

Answer 1

Выбрать несколько элементов для querySelector в JS

Вот так например:

(function Example() { 
  var flag = false; 
 
  var btns = document.querySelectorAll('[class*=button_]') 
  btns.forEach(function(btn) { 
    btn.addEventListener('click', function(e) { 
      flag = !flag; 
 
      (flag ? tooltip.show : tooltip.hide)(e.target); 
    }); 
  }) 
}());

<button class="button_1"> Clck 1</button> 
<button class="button_2"> Clck 2</button>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как работает lookbehind в js?

Ожидал, что выражение /()(?<!\1

146

javascript

PostgreSQL экспорт таблицы из БД при помощи JavaScript и ActiveXobjects

Ситуация такова, пытаюсь экспортировать таблицу , в которой есть колонка содержащая картинки (засторена как bytea)Хотел бы узнать как можно...

172

javascript

Объекты и их ключи [дубликат]

На данный вопрос уже ответили:

275

javascript

Переключение стилей

Помогите додумать кодУ меня есть 3 блока с текстом и чекбокосм, при переключении блоков я меняю фон и текст, но мне так же надо менять цвет...

196