點擊將結果傳遞給每個q的隱藏字段？

Question

執行以下操作：

$(".questionOne").click(function(){ 

    var answer=$(this).attr('href').split('=')[1] 
    $('#questionOne').val(answer); 

     return false; 
}); 

我怎麼去重複它的每一個問題，而不是鍵入它30次？我有30個問題，這些問題是肯定的或者沒有將結果發送到隱藏字段的鏈接，但是不能爲我的生活記住如何讓它重複每個點擊答案的功能。

Answer 1

假設有沒有含在同類詞「問題」的任何其他元素，你可以使用屬性選擇[class*="question"]選擇的元素。然後，獲取點擊元素的類並根據該id選擇其他元素。

Updated Example - HTML保持不變。

$('a[class*="question"]').on('click', function() { 
    var answer = $(this).attr('href').split('=')[1]; 
    $('#' + $(this).prop('class')).val(answer); 

    return false; 
}); 

在這種情況下，data-*屬性會比類更好。

Answer 2

給所有的問題提供一門課， class="question"。然後，你可以寫它只是一次：

$(".question").click(function() { 
    var href = $(this).attr('href').split('='); 
    var question = href[0].substr(2); // skip over #? 
    var answer = href[1]; 
    $("#"+question).val(answer); 
    return false; 
}); 

DEMO