0

我有一个小项目。在这个项目上。我有包含足球联赛名称的表格。桌子上的所有都是链接。单击这些链接之一时，我需要将我的页面定向到相关的排行榜。例如;

如果我从我的表中点击了英超联赛，我需要将我的页面指向英超联赛表页面。

我写了小代码，但没有用。

$(function() {
var tableRow = $("td").filter(function() {
return $(this).text() == "Premier League";
})
window.location.href = "RELATEDURL";
});

有人可以帮我吗？谢谢你。

编辑1：我用这种方法得到联赛的名字。我需要申请这种格式。

$(document).ready(function() { 
$.getJSON("getleaguetablesURL",function(data) {
console.log(data);
$.each(data, function(index, value) {
$('#leaguetable').append("<tr><td class='team'><a href='#'>"
+value.Name+"</a></td></tr>");
});
$('#leaguetable').listview('refresh');
})
});
4

2 回答 2

2

我建议使用<a>标签而不是 JavaScript。您可以使用一些 CSS 将 a 拉伸<a>到 a 的大小，<td>以便可以单击整个单元格。

jsFiddle

HTML

<table>
    <tr>
        <td>
            <a href="/premierleague.htm">Premier league</a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="/anotherleague.htm">Another league</a>
        </td>
    </tr>
</table>

CSS

a {
    display:block;
    width:100%;
    height:100%;
    padding:2px;
}

table {
    width:300px;
}

td {
    border:1px solid #000;
    padding:0;
}

编辑：由于您从 JSON 中获取联盟名称，因此您可以简单地在href此处填写锚点。

$(document).ready(function() { 
    $.getJSON("getleaguetablesURL",function(data) {
        console.log(data);
        $.each(data, function(index, value) {
            var url = "RELATEDURL";
            $('#leaguetable').append("<tr><td class='team'>" +
                "<a href='" + url + "'>" +
                value.Name+"</a></td></tr>");
        });
        $('#leaguetable').listview('refresh');
    })
});
于 2013-04-03T08:26:49.933 回答
0

您始终可以使用jQuery，但请记住，如果用户将其javascript关闭，这将不起作用。

将上面的小提琴示例编辑为以下内容：

jsFiddle

看看这是否适合你。

于 2013-04-03T08:56:32.390 回答