javascript - 从多类元素中选择单个类

Question

我正在尝试选择一个特定的类(在本例中为 page1、page2、page3 等)

我编写的代码对于单个类运行良好，我尝试使用 .match()排除 .plink类(class)于 dis 接听但无法让它工作。

$(function(){
    $("a.plink").click(function() {
        var dis = $(this).attr("class");    // This is the problem line, I need it to contain 'page1' ONLY. Not 'page1 plink'.
        $("#page1,#page2,#page3").hide();
        $("#" + dis).show();
        return false;
    });
});

与此相关的 HTML 是:

<div id="page-links">
    <a class="page1 plink" href="#">About</a>
    <a class="page2 plink" href="#">History</a>
    <a class="page3 plink" href="#">Backstage</a>
</div>

编辑:

这些是显示和隐藏的 DIV:

<div id="page1">
    <?php include_once("page1.php");?>
</div>
<div id="page2">
    <?php include_once("page2.php");?>
</div>
<div id="page3">
    <?php include_once("page3.php");?>
</div>

有没有一种简单的方法可以在不使用正则表达式匹配的情况下实现此目的？

Answer 1

$(function(){
    var pages = $('div[id^=page]');
    $("a.plink").click(function() {
        var dis = $(this).attr("class").replace(' plink', '');
        pages.hide().filter('#' + dis).show();
        return false;
    });
});