Javascript 如何为<；李>；定制手风琴？

参考：

上面的jsidle有一个

li

元素，其类名为

accordion

，我们称之为父元素。使用jQuery选择后，将应用绿色的自定义背景色

但是，我还需要一个子元素，确切地说是锚

li

元素，以便在该特定锚的初始选择期间，当jQuery将类名

应用于它时，也可以使用颜色
teal

HTML:

<ul class="tabs">

   <li class="accordion"><a href="#tab1">Boo1</a>

      <ul id="sub-nav">
         <li><a href="#"> Ipsum Text</a></li>
         <li><a> Lorem text</a></li>
         <li><a> More lorem text </a></li>
         <li><a> Dolor Sit Amet </a></li>
      </ul>                                   

  </li>

  <li><a href="#tab2">Boo2</a></li>
  <li><a href="#tab3">Boo3</a></li>
  <li class="last-item"><a href="#tab4">Boo4</a></li>

</ul>

.tabs li.active { background: green; }
.tabs li {font-size:20px;}
#sub-nav li {font-size:16px; margin-left:20px;}
#sub-nav li a.active {background:teal;}

(function(){

    $('.tabs li').on('click', function(e){
        $('.tabs li').removeClass('active');
        $(this).addClass('active');
        $(this).closest('ul').closest('li').children('a').addClass('active');
    })       

}());

jQuery:

<ul class="tabs">

   <li class="accordion"><a href="#tab1">Boo1</a>

      <ul id="sub-nav">
         <li><a href="#"> Ipsum Text</a></li>
         <li><a> Lorem text</a></li>
         <li><a> More lorem text </a></li>
         <li><a> Dolor Sit Amet </a></li>
      </ul>                                   

  </li>

  <li><a href="#tab2">Boo2</a></li>
  <li><a href="#tab3">Boo3</a></li>
  <li class="last-item"><a href="#tab4">Boo4</a></li>

</ul>

.tabs li.active { background: green; }
.tabs li {font-size:20px;}
#sub-nav li {font-size:16px; margin-left:20px;}
#sub-nav li a.active {background:teal;}

(function(){

    $('.tabs li').on('click', function(e){
        $('.tabs li').removeClass('active');
        $(this).addClass('active');
        $(this).closest('ul').closest('li').children('a').addClass('active');
    })       

}());

这是你想要的吗<代码>$（“ul li a”，“$（this））

是“潜艇的锚定标签”。

选择潜艇的锚定标签意味着什么？查看fiddle@muthu。正如我所说的，难以用语言解释您应该清楚地解释您的问题，并在您的报告中直接报告重要的代码question@LorenzoC，我发现很难选择上面小提琴中BOO1的锚定标签。这正是我的意思抱歉我不太懂英语你想这样吗？不太想。我试图实现的是，如果单击ipsum，则只会选择ipsum（它的锚定标记）和父列表（boo1）。当然，css中的样式也不同。这让我很难实现。这就是我所做的，我希望它基本上像这样工作->jsfiddle.net/gfkM4/10，但这次，我想选择副导航的“a”元素，并且仍然保持主元素的li选择。我想我现在解释得更好了。你能帮忙吗？好的。这里有两个版本：和。我希望这就是你想要的。