javascript - 单击转到带有 id 引用解决方案的动态 url

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 个 id，从 title1 到 title6。单元格必须首先在数组中查找其相应的值..( 0 代表 title1 ， 1 代表 title2 等)。正如您所看到的，相应的值是使用 array[titlenumber-1] 计算得出的。 。如果对应的数组号大于0，则页面可能会跳转到www.example.com当用户单击<td>时如果该数字小于或等于0，页面可能会提示用户“DATA ERROR”。我如何使用 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");
    }

});

我创建了this fiddle 并且它可以工作(如果你点击“a”你会得到一个警报，否则它会重定向到 example.com )