jQuery if href 属性

Question

我有这个 html 结构:

<ul class="tabs">
            <li><a href="#tab1"><h3>Sound</h3><img class="servicesIcon" src="img/micro.png"></img></a></li>
            <li><a href="#tab2"><h3>Lighting</h3><img class="servicesIcon" src="img/light.png"></img></a></li>
            <li><a href="#tab3"><h3>Staging</h3><img class="servicesIcon" src="img/barstool.png"></img></a></li>
            <li><a href="#tab4"><h3>Sales</h3><img class="servicesIcon" src="img/info.png"></img></a></li>
            <li><a href="http://www.example.co.uk/" target="_BLANK"><h3>Hire Guide</h3><img class="servicesIcon" src="img/info.png"></img></a></li>
        </ul>

还有这个 jQuery:

$("ul.tabs li").click(function() {



                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
            });

但是我想要做的是，如果单击没有 #tab href 的“li”，那么它只会返回 true 并正常跟踪链接？

Answer 1

如果您不想在没有 #tab 的情况下为链接触发处理程序，那么首先就不要将处理程序分配给它。

$("ul.tabs li").slice(0,-1).click(function() {
    // and so on

这会将点击处理程序分配给除最后一个之外的所有点击处理程序。

你还可以做更多类似这样的事情:

$("ul.tabs li:not(:last)").click(function() {
    // and so on

或者:

$("ul.tabs li:not(:last-child)").click(function() {
    // and so on