在一個網站上的多個標籤中使用相同的腳本

Question

我有一個網頁有多個標籤，除了一些細微的差別之外，它們都做基本相同的事情。例如：

<div id="tabs-1"> 
    <form id="buybackForm">... 
    <div id="tabs-2"><!--Video Games--> 
      <form id="buybackFormVideoGames">.... 
    <div id="tabs-3"><!--Movies --> 

     <form id="buybackFormMovies"> 

等每個選項卡用於獲取圖書，視頻遊戲，電影等形式是相同的信息，除非獲得的形式工作，我不得不改變的id每個標籤，書籍標題，videoTitle視頻和movieTitle電影。每個選項卡的後端看起來都差不多，只改變了表單ID。

$('#isbn').keydown(function (e) { - for the books 
    $('#platform').keydown(function (e) { - video games 
    $('#Movieupc').keydown(function (e) { - for movies 

所有的功能基本上與改變的表單域的名稱相同。有一個更好的方法嗎？是否有可能以某種方式使用JavaScript（GetElementbyId也許？），所以我不必爲每個選項卡寫出每個函數？對於每個選項卡，我都有大約6個不同的函數可以執行以及進行ajax調用。

Answer 1

你可以使用一個命名函數

function myFunction(){ } 

$('#isbn').keydown(myFunction); 
$('#platform').keydown(myFunction); 
$('#Movieupc').keydown(myFunction); 

或者對所有元素使用一個通用類。

$('.myCommonClass').keydown(function (e) { }); 

如果他們是動態的，你uisng jQuery的1.7+即可我們on。

$(document).on("keydown", ".myCommonClass", function(){});