javascript - 如何使用jQuery获取选定/活动选项卡的href？

Question

我有以下 HTML 代码：

    <div id="filter-bar">
        <ul>
            <li><a href="#image" class="current"><?php _e('Image','sofa'); ?></a></li>
            <li><a href="#text"><?php _e('Text','sofa'); ?></a></li>
            <li><a href="#video"><?php _e('Video','sofa'); ?></a></li>
        </ul>
    </div>

如何获取具有当前类的列表的 href 值？例如，我怎样才能让它返回image？

谢谢

Answer 1

您可以使用attrorprop方法：

$("#filter-bar .current").attr("href");

或者

$("#filter-bar .current").prop("href");

href您可以通过以下方式获得没有哈希#符号的“纯” ：

var href = $("#filter-bar .current").attr("href");
href = href.substring(href.indexOf("#") + 1);

演示：http: //jsfiddle.net/BJd7p/

Answer 2

使用它来获取href，没有#它将image用于您的标记，这就是您想要的

$('#filter-bar a.current').attr('href').split('#')[1];

阅读$.attr

工作小提琴