очистка нескольких функций jquery

Question

У меня есть 12 функций, которые выполняют одну и ту же работу, но просто нацеливаются на разные элементы. Я пытаюсь очистить свой код и посмотреть, есть ли способ создать для него одну функцию.

пример:

function incrementValue() 
{ 
    var value = parseInt(document.getElementById('number').value, 10); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById('number').value = value; 
} 
function incrementValue2() 
{ 
    var value = parseInt(document.getElementById('number2').value, 10); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById('number2').value = value; 
} 

В основном каждый раз, когда кнопка нажата его увеличивает значение внутри входного сигнала.

HTML:

<input type="button" onclick="incrementValue()" value="VOTE" /> 
<a href="option1.html" title="More information"><img src="icon.png" /></a> 

Я пытался, но всегда кажется, что-то нарушение:/Не уверен, что я делаю неправильно. Кажется, я не могу найти четкие учебники по этому вопросу, поэтому, если кто-то может просто указать мне на учебник, я смогу затем разработать код и ответить на него сам!

Благодаря

Answer 1

Похоже, вам просто нужна параметризованная функция:

function incrementValue(target) 
{ 
    var el = document.getElementById(target); 
    var value = parseInt(el.value, 10); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    el.value = value; 
} 

Тогда вы можете вызвать эту функцию с

incrementValue('number'); 
incrementValue('number2'); 
// etc. 

Answer 2

Используйте Attribute Starts With Selector обрабатывать этот случай

$("input[id^=number]")