Итерация через селектор jquery

Question

Итерация через селектор jquery

0

У меня есть коды, которые, я уверен, довольно избыточны, и я хочу сделать его короче и чище.

Поэтому у меня есть список из пяти доменов с ползунком для каждого. Я использую Simple Slider пять раз. У меня есть это:

$("#domain-1").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-2").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-3").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-4").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-5").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

Как это упростить, поэтому мне не нужно повторять коды? Я должен использовать идентификаторы, потому что каждый слайдер должен быть уникальным. Спасибо!

user3079066 19 апр. 2014, в 17:35

Источник

1

Почему бы вам не дать им класс, чтобы вы могли просто связать его с классом, а не перечислять все идентификаторы?
Barmar 19 апр. 2014, в 15:15

Теги:

jquery

slider

iteration

selector

2 ответа

Ещё вопросы

Почему бы вам не дать им класс, чтобы вы могли просто связать его с классом, а не перечислять все идентификаторы?

Satpal · Answer 1 · 2014-04-19T13-48-00.000Z

Используйте несколько селекторов ("селектор1, селектор2, селекторN")

$("#domain-1, #domain-2,#domain-3,#domain-4,#domain-5").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

haxtbh · Answer 2 · 2014-04-19T13-28-00.000Z

Назначение класса для них все может получиться проще.

$(".domains").bind("slider:changed", function (event, data) {
    alert(data.value);
    alert(data.ratio);
 });