如何使這個jquery函數可重用？

Question

海這是我的jQuery的功能，

function getRecordspage(curPage, pagSize) { 
    $.ajax({ 
     type: "POST", 
     url: "Default.aspx/GetRecords", 
     data: "{'currentPage':" + curPage + ",'pagesize':" + pagSize + "}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(jsonObj) { 
      var strarr = jsonObj.d.split('##'); 
      var jsob = jQuery.parseJSON(strarr[0]); 
      $.each(jsob.Table, function(i, employee) { 
       $('<div class="resultsdiv"><br /><span class="resultName">' + employee.Emp_Name + '</span><span class="resultfields" style="padding-left:100px;">Category&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.Desig_Name + '</span><br /><br /><span id="SalaryBasis" class="resultfields">Salary Basis&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.SalaryBasis + '</span><span class="resultfields" style="padding-left:25px;">Salary&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.FixedSalary + '</span><span style="font-size:110%;font-weight:bolder;padding-left:25px;">Address&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.Address + '</span></div>').appendTo('#ResultsDiv'); 
      }); 
      $(".resultsdiv:even").addClass("resultseven"); 
      $(".resultsdiv").hover(function() { 
       $(this).addClass("resultshover"); 
      }, function() { 
       $(this).removeClass("resultshover"); 
      }); 
     } 
    }); 
} 

在我的網頁我有這樣的jQuery腳本，

$("#lnkbtn0").click(function() { 
       getRecordspage(1, 5) 
      }); 

我的頁面有

<a ID="lnkbtn0" class="page-numbers">1</a>
<a ID="lnkbtn1" class="page-numbers">2</a>
<a ID="lnkbtn2" class="page-numbers">3</a>
<a ID="lnkbtn3" class="page-numbers">4</a>

如何讓其他的鏈接按鈕來調用與差異curPage參數此功能...

Answer 1

我想你的意思是你想申請的ID爲鏈接文本與linkbtn作爲第一個參數開始：

$("a[id^=linkbtn]").click(function() { 
    getRecordspage($(this).text(), 5); 
    return false; 
}); 

見http://api.jquery.com/attribute-starts-with-selector/

或者，你可以只使用一類選擇：

$("a.page-numbers").click(function() { 
    getRecordspage($(this).text(), 5); 
    return false; 
}); 

Answer 2

如果你不介意使用普通老式的JavaScript

<a ID="lnkbtn0" class="page-numbers" href="#" onclick="getRecordsPage(1,5)">1</a> 
<a ID="lnkbtn1" class="page-numbers" href="#" onclick="getRecordsPage(2,5)">2</a> 
<a ID="lnkbtn2" class="page-numbers" href="#" onclick="getRecordsPage(3,5)">3</a> 
<a ID="lnkbtn3" class="page-numbers" href="#" onclick="getRecordsPage(4,5)">4</a> 

確保您在<a>標籤preventDefault。

否則，如果你真的想去JQuery。

$("a[id^=linkbtn]").each(function() { 
    $(this).click(function() { 
     getRecordspage($(this).text(), 5); 
    }); 
}); 

UPDATE使用類選擇（如karim79）建議。