Как ссылаться на элементы #id в jquery, которые являются массивами [duplicate]

Question

Как ссылаться на элементы #id в jquery, которые являются массивами [duplicate]

0

У меня есть скрипт, который создает идентификатор, который выглядит как элементы массива следующим образом:

<select name="serviceTypeID[1]" id="serviceTypeID[1]" ...
<select name="serviceTypeID[2]" id="serviceTypeID[2]" ... 
<select name="serviceTypeID[3]" id="serviceTypeID[3]" ...
<select name="serviceTypeID[4]" id="serviceTypeID[4]" ...
and so on up to 10 currently...

Как я могу кодировать сценарий jquery для их ссылки? Этот код не работает.

$('#serviceTypeID[1],#serviceTypeID[2],#serviceTypeID[3],#serviceTypeID[4]').change(function() {

  var first = parseInt( $('#firstService[1]').val() );
  var second = parseInt( $('#secondService[1]').val() );
  var third = parseInt( $('#thirdService[1]').val() );
  if (isNaN(first)) first = 0;
  if (isNaN(second)) second = 0;
  if (isNaN(third)) third = 0;

  $('#serviceTotal[1]').val( ( first + second + third + ' Total') );

  first = parseInt( $('#firstService[2]').val() );
  second = parseInt( $('#secondService[2]').val() );
  third = parseInt( $('#thirdService[2]').val() );
  if (isNaN(first)) first = 0;
  if (isNaN(second)) second = 0;
  if (isNaN(third)) third = 0;

  $('#serviceTotal[2]').val( ( first + second + third + ' Total') );

  first = parseInt( $('#firstService[3]').val() );
  second = parseInt( $('#secondService[3]').val() );
  third = parseInt( $('#thirdService[3]').val() );
  if (isNaN(first)) first = 0;
  if (isNaN(second)) second = 0;
  if (isNaN(third)) third = 0;

  $('#serviceTotal[3]').val( ( first + second + third + ' Total') );

  first = parseInt( $('#firstService[4]').val() );
  second = parseInt( $('#secondService[4]').val() );
  third = parseInt( $('#thirdService[4]').val() );
  if (isNaN(first)) first = 0;
  if (isNaN(second)) second = 0;
  if (isNaN(third)) third = 0;

  $('#serviceTotal[4]').val( ( first + second + third + ' Total') );

//and so on up to 10 currently

});

Ничто не возвращается из сценария jquery, поэтому я чувствую, что неправильно ссылаюсь на него в моем jquery. благодаря

H. Ferrence 29 март 2014, в 22:39

Источник

0

Вы можете быть правы @cale_b - спасибо
H. Ferrence 29 март 2014, в 21:23
2

$('#serviceTypeID\\[1\\]')
dfsq 29 март 2014, в 21:24
0

Да, именно это @dfsq - просто протестируйте, и это решило проблему. Спасибо
H. Ferrence 29 март 2014, в 21:26
0

Вам, вероятно, не следует иметь последовательные идентификаторы для начала, попробуйте вместо этого использовать резервный массив.
Benjamin Gruenbaum 29 март 2014, в 21:31

Показать ещё 2 комментария

Теги:

jquery

arrays

2 ответа

0

Я бы обернул div или другой элемент вокруг всех этих и использовал делегирование событий http://api.jquery.com/on/

Например.

скажем, вы завернули div вокруг них и дали этому div идентификатор "foo". $ ('# foo'). on ('change', 'select'), function() {console.log(this); }); });

Alistair Laing 29 март 2014, в 18:47

0

К сожалению, я не могу @AlistairLaing. Я использую плагин, который жестко контролирует вывод и отображает идентификаторы таким образом. Я не могу копаться в источнике, не исключив будущую возможность сохранить текущее с плагином O / S
H. Ferrence 29 март 2014, в 21:29

Ещё вопросы

Вы можете быть правы @cale_b - спасибо
Да, именно это @dfsq - просто протестируйте, и это решило проблему. Спасибо
Вам, вероятно, не следует иметь последовательные идентификаторы для начала, попробуйте вместо этого использовать резервный массив.
К сожалению, я не могу @AlistairLaing. Я использую плагин, который жестко контролирует вывод и отображает идентификаторы таким образом. Я не могу копаться в источнике, не исключив будущую возможность сохранить текущее с плагином O / S

Wilmer · Accepted Answer · 2014-03-29T20-25-00.000Z

Вы должны просто удалить квадратные скобки из идентификатора, которые они сверхъестественны...

<select name="serviceTypeID[1]" id="serviceTypeID1" ...
<select name="serviceTypeID[2]" id="serviceTypeID2" ... 
<select name="serviceTypeID[3]" id="serviceTypeID3" ...
<select name="serviceTypeID[4]" id="serviceTypeID4" ...

К сожалению, я не могу @ Уилмер. Я использую плагин, который жестко контролирует вывод и отображает идентификаторы таким образом. Я не могу копаться в источнике, не исключив будущую возможность сохранить текущее с плагином O / S