Ruft die ID des zu aktivierenden Tabs (div) ab

Ich verwende jquery 1.9 und jquery UI 1.10

Ich möchte die Tab-ID erhalten, wenn ich auf einen Tab klicke. Wenn ich zum Beispiel auf die Registerkarte "Second" geklickt habe, möchte ich die Antwort "tabs-2" erhalten.

Ich habe den folgenden Code bisher gemacht:

<script type="text/javascript">
    $(function () {
        $("#tabs").tabs({
            beforeActivate: function (event, ui) {
                alert(/* the id of the tab (div) being activated */);
            }
        });
    });
</script>

<div id="tabs">
    <ul>
       <li><a href="#tabs-1">First</a></li>
       <li><a href="#tabs-2">Second</a></li>
    </ul>
    <div id="tabs-1">
        <p>abcde</p>
    </div>
    <div id="tabs-2">
        <p>fghi</p>
    </div>
</div> 

Antworten auf die Frage(11)

Ihre Antwort auf die Frage