Question

I have the following HTML code:

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

How can I get the href value of list which has class current? e.g. How can I make it return image ?

Thanks

Answer 1

You can use attr or prop methods:

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

or

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

You can get “pure” href without hash # sign with this:

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

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