JQuery：如果包含给定的字符串，则直接到相关页面答案

【问题标题】：JQuery : If Contains Given String then Direct to Related PageJQuery：如果包含给定的字符串，则直接到相关页面
【发布时间】：2013-04-03 08:22:11
【问题描述】：

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

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

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

$(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');
})
});

【问题讨论】：

您知道anchor 元素的创建目的是什么，不是吗？
我不明白，为什么不直接在.team a 的href 中添加url 而不是使用#？你的 JSON 实际上是 getleaguetablesURL 所以我假设排名表 URL 是在这个 JSON 中传递的......？

标签： jquery html

【解决方案1】：

我建议使用<a> 标签而不是 JavaScript。您可以使用一些 CSS 将 <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');
    })
});

【讨论】：

我当然知道我的朋友。但我不能使用这种方式，因为我用 JSON 数据获取联赛名称。
那么更好的做法是操纵<a>的文本和href

【解决方案2】：

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

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

jsFiddle

看看这是否适合你。

【讨论】：