Как объединить эти функции JQuery?

Question

есть ли способ объединить их?

$("#demo1Btn").mopTip({'w':200,'style':"overClick",'get':"#demo1"});
$("#demo2Btn").mopTip({'w':200,'style':"overClick",'get':"#demo2"});
$("#demo3Btn").mopTip({'w':200,'style':"overClick",'get':"#demo3"});
$("#demo4Btn").mopTip({'w':200,'style':"overClick",'get':"#demo4"});
$("#demo5Btn").mopTip({'w':200,'style':"overClick",'get':"#demo5"});

Thnx

Answer 1

for (var i = 1; i < 6; i++) {
  $("#demo" + i + "Btn").mopTip({'w':200,'style':"overClick",'get':"#demo" + i});
}

будет чище

Answer 2

Используйте селектор starts-with и петлю each

$("[id^='demo']").each(function(){
    $(this).mopTip({'w':200,'style':"overClick",'get':"#demo1"});
});

Answer 3

Да, вы можете поместить все классы / идентификаторы в одну и ту же функцию, но только через запятую.

$("#demo1Btn, #demo2Btn, #demo3Btn, #demo4Btn, #demo5Btn").mopTip({'w':200,'style':"overClick",'get':$(this).attr('id').replace('Btn','')});

Это должно работать!

Answer 4

Возможно с:

$('div[id^="demo"][id$="Btn"]').mopTip({'w':200,'style':"overClick",'get':this.id});

выберет элементы, у которых id начинается с "demo" и заканчивается "btn"; this.id должен найти соответствующий элемент id и присвоить его параметру get.