2011-06-13 29 views
0

我在JavaScript中有一個數組,如下所示;點擊進入帶有id參考解決方案的動態url-Javascript-jQuery

<script type="text/javascript"> 
var array1 = Array(0,1,2,3,4,5); 
</script> 

我有六個表格單元(<td> s)如下;

<td class="title" id="title1"> 
<td class="title" id="title2"> 
<td class="title" id="title3"> 
<td class="title" id="title4"> 
<td class="title" id="title5"> 
<td class="title" id="title6"> 

我需要一個onclick去url解決方案。正如你所看到的,單元格有6個id,從title1到title6。該單元必須首先在陣列中查找其對應的值。(0對於title1,1對於title2等)。你可以看到相應的值是使用array [titlenumber-1]計算的。如果對應的數組數大於0,則當用戶單擊<td>時,頁面可能會轉到www.example.com,如果數字小於或等於0,頁面可能會提醒用戶「數據錯誤」。我怎麼能做到這一點使用JavaScript和jQuery?

Thnaks提前..

+1

雖然其他人可能會給你一個很好的答案(我不能),我會建議**反對**可點擊的「TD」,因爲他們將無法訪問網絡爬蟲。鏈接是用'a'標籤指定的,'onclick'應該真的用於客戶端的東西,比如發送AJAX請求,更改DOM等。**我要求您不要在警報中顯示「DATA ERROR」。 * – 2011-06-13 11:11:14

回答

2

你可以做這樣的事情

var array1 = Array(0,1,2,3,4,5); 

$('td').click(function(){ 

    var id = $(this).attr('id'); 
    var index = parseInt(id.substr(5, id.length), '10');//take off title 
    index -= 1; 
    if (array1[index] > 0){ 
     window.location = 'www.example.com'; 
    }else{ 
     alert("data error"); 
    } 

}); 

我創建this小提琴和它的工作原理(如果你點擊「是」,你得到一個ALER,否則重定向到example.com)

相關問題