Показать контекстные меню только при нажатии некоторых элементов.

Question

Я немного застрял в чем-то, и мне нужна ваша помощь.

Я пытаюсь показать контекстные меню только тогда, когда пользователь щелкает правой кнопкой мыши по определенным элементам на странице.

Я решил решить эту проблему, используя getElementByClassName (...) и добавив слушателя onClick к каждому из элементов, и когда пользователь нажмет на любой из них, я создам контекстные меню. А затем удалите меню содержимого позже, когда все будет сделано.

Проблема в том, что у меня нет полных имен классов этих элементов, все, что я знаю, что они начинаются с «истории».

Я не уверен, как это сделать. Есть ли способ использовать регулярное выражение и получить все элементы с именем класса? Или это невозможно.

Спасибо заранее,

Answer 1

Там же this library, что позволяет регулярных выражений селекторов.

<div class="story-blabla"></div> 

$("div:regex(class, story.*)") 

Однако, возможно, вы не захотите реализовать полную библиотеку. Есть еще одно решение:

$('div').filter(function() { 
    return this.class.match(/story.*/); 
    }) 

Это вернет объекты, которые вы хотите.

Answer 2

Вы можете сделать это с помощью attribute starts with selector

document.querySelectorAll("[class^=story]")