jquery – 获取被激活的标签(div)的ID

前端之家收集整理的这篇文章主要介绍了jquery – 获取被激活的标签(div)的ID前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用jquery 1.9和jquery UI 1.10

我希望能够在点击标签获取标签ID。例如,如果我点击标签名为“第二”我想获得“标签2”响应。

我做了下面的代码到目前为止:

<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>

解决方法

测试并使用JQueryUI 1.10,如何获取选项卡的选项卡的ID:
$("#tabs").tabs({
  beforeActivate: function (event,ui) {
    alert(ui.newPanel.attr('id'));
  }
});

猜你在找的jQuery相关文章