Jquery ui 工作日jQuery UI选项卡在当天打开

我想在当前工作日打开以下工作日jQuery UI选项卡：

<div id="tabs">
<ul>
    <li><a href="monday.php">Monday</a></li>
    <li><a href="tuesday.php">Tuesday</a></li>
    <li><a href="wednesday.php">Wednesday</a></li>
    <li><a href="thursday.php">Thursday</a></li>
    <li><a href="friday.php">Friday</a></li>
    <li><a href="saturday.php">Saturday</a></li>
    <li><a href="sunday.php">Sunday</a></li>
</ul>

但我不能让它工作，希望能得到一些帮助。此外，我希望当前日期的选项卡显示单词“Today”，而不是工作日

我希望能得到一些帮助

谢谢

---

Brendon

您可以在与当天匹配的选项卡上使用以下选项：

$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));

您可以使用以下内容修改活动选项卡的文本：

$('#tabs .ui-state-active a').text('Today');

HTML 并且需要jQuery和jQuery UI库

$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));

$('#tabs .ui-state-active a').text('Today');

<div id="tabs">
    <ul>
        <li><a href="monday.php">Monday</a></li>
        <li><a href="tuesday.php">Tuesday</a></li>
        <li><a href="wednesday.php">Wednesday</a></li>
        <li><a href="thursday.php">Thursday</a></li>
        <li><a href="friday.php">Friday</a></li>
        <li><a href="saturday.php">Saturday</a></li>
        <li><a href="sunday.php">Sunday</a></li>
    </ul>
</div>

$('#tabs').tabs();
$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));
$('#tabs .ui-state-active a').text('Today');