Question

HTML：

    <ul class="navTabs">
        <li class="navActive"><a href="#one">one</a></li>
        <li><a href="#two">two</a></li>
        <li><a href="#three">three</a></li>
        <li><a href="#fourth">fourth</a></li>
        <li><a href="#fifth">fifth</a></li>
    </ul>
    <div class="navContent">
        <div id="one">
            one
        </div>
        <div id="two">
            two
        </div>
        <div id="three">
            three
        </div>
        <div id="fourth">
            fourth
        </div>
        <div id="fifth">
            fifth
        </div>
    </div>

我有这个代码，当我点击<a></a>标签时会运行。

jQuery('.navTabs > li > a').click(function(e)
{
    e.preventDefault();

    jQuery(this.hash).show().siblings().hide();
}).filter(':first').click();

但是我想应用上面的代码来点击li元素。这就是我正在尝试但它不起作用。

jQuery('.navTabs > li').click(function(e)
{
    e.preventDefault();
    jQuery(this).find('a').attr('href').show().siblings().hide();
}

我也试过这个：jQuery(this).find('a').href.show().siblings().hide();但是那也没有用。

Answer 1

jQuery('.navTabs > li').click(function(e)
{
    e.preventDefault();
    var theHref = jQuery(this).find('a').attr('href');
    jQuery(theHref).show().siblings().hide();
}

小混淆点击li元素而不是href标签

1 个答案: