По щелчку перейти к динамическому URL с идентификатором решения - Javascript - jQuery

Question

У меня есть массив в JavaScript следующим образом;

<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 идентификаторов, от title1 до title6. Сначала ячейка должна искать соответствующие значения в массиве .. (0 для title1, 1 для title2 и т. Д.). Соответствующие значения, как вы можете видеть, рассчитываются с использованием массива [titlenumber-1]. Если соответствующий номер массива больше 0, страница может перейти к www.example.com, когда пользователь щелкнет <td>, а если число меньше или равно 0, страница может предупредить пользователя «ОШИБКА ДАННЫХ». Как я могу сделать это, используя JavaScript и JQuery ??

Спасибо заранее ..

Answer 1

Вы можете сделать что-то вроде этого

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");
    }

});

Я создал эту скрипку, и она работает (если вы нажмете «а», вы получите предупреждение, в противном случае он перенаправит наexample.com)