Как объединить дублирующийся код jquery в один?

Question

[Кирилл Красин]

Здравствуйте, необходима помощь с JQuery, а точнее с библиотекой ClipboardJS и Bootstrap. На странице есть несколько кнопок для копирования данных в буфер обмена, каждая из кнопок имеет свое уникальное значение data-clipboard-text="" и соответственно id="", а так-же title, который отображается только после нажатия на кнопку.
Обрабатывается это вот этим фрагментом кода (сейчас таких фрагментов 11, и количество будет увеличиватся):

var clipboard = new ClipboardJS('#gtao-direct');
    clipboard.on('success', function(e) {
        $('#gtao-direct').tooltip('show')
    });
    var clipboard = new ClipboardJS('#gtao-html');
    clipboard.on('success', function(e) {
        $('#gtao-html').tooltip('show')
    });
    var clipboard = new ClipboardJS('#gtao-bbcode');
    clipboard.on('success', function(e) {
        $('#gtao-bbcode').tooltip('show')
    });

Суть вопроса, можно ли объединить это в один фрагмент? Т.е. при нажатии брать ID (или другой data- атрибут) и вызывать tooltip исключительно для него.

Спасибо!

Answer 1

[ThunderCat]

Оно?

$("[data-clipboard-text]").on('click', function(e){
e.preventDefault();
...
})

и вызывать tooltip исключительно для него.

Судя по всему, понятия this и контекста для вас в новинку...

Comments

[Кирилл Красин]

Судя по всему, понятия this и контекста для вас в новинку...

В случае с javascript, jquery - да.

[ThunderCat]

Кирилл Красин, ну, в принципе видно... Если очень коротко и не совсем правильно - в контексте события клик (в приведенном примере) this будет равен объекту на который кликнули, то есть текущая кликнутая кнопка. Если удобнее пользоваться не дом элементом, а JQ объектом - $(this).

[Кирилл Красин]

ThunderCat, Спасибо!