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

您可以使用attr或prop方法：

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

或

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

您可以使用以下内容获取“纯”href无哈希#符号：

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

DEMO： http://jsfiddle.net/BJd7p/

Answer 2

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

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

继续阅读$.attr

Working Fiddle

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

2 个答案: