Javascript 交换一类an<；李>；点击

我正在尝试将所选的类从一个选项卡切换到另一个选项卡，以显示当前的类

因此，单击“我正在尝试删除并加载所选类，但运气不佳”，尝试了以下操作

<ul class="idTabs">
  <li class="selected"><a href="#request-info">Request more information</a></li>
  <li><a href="#test-drive">Request a test drive</a></li>
  <li><a href="#make-offer">Make an offer</a></li>
  <li><a href="#get-quote">Get a quote</a></li>
</ul>

$('.idTabs li').click(function(){
$('.idTabs li').removeClass('selected');
  $(this).addClass('selected');
  return false;
});

$（'.idTabs li'）。单击（函数（）{
$（'.idTabs li'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
返回false；
});

为所有选项卡设置一个类似“tab”的类，然后尝试以下内容：

$('li.tab').click(function(){
  $('.tab').removeClass('slected');
  $(this).addClass('selected');
  return false;
});

---

你还没有说问题出在哪里，但我猜你的选择器不太正确。您似乎将“set”类作为第二个参数传递，而不是作为选择器字符串的一部分

尝试：

及

---

Aaron，您的第二个示例似乎应该有效，但出于某种原因，它只适用于前两个列表项。我在li中添加了类，以使选择器更具体，现在可以正常工作了

<ul class="idTabs">
    <li class="navTab selected"><a href="#request-info">Request more information</a></li>
    <li class="navTab"><a href="#test-drive">Request a test drive</a></li>
    <li class="navTab"><a href="#make-offer">Make an offer</a></li>
    <li class="navTab"><a href="#get-quote">Get a quote</a></li>
</ul>

$('.navTab').click(function(){
    $('.navTab').removeClass('selected');
    $(this).addClass('selected');
    return false;
});

---

需要更多信息。。。你有什么问题吗？我试过上面的代码，但我认为因为它们是锚定标签，所以会把事情搞砸…奇怪的是，它会间歇工作？？？每当你点击一个li时，它都会起作用。。。单击锚文本时不起作用，因为单击处理程序未附加到锚文本。您应该将“显示：块；”添加到li内的锚定中，以将单击区域扩展到整个li。然后。。。将单击处理程序移动到锚点，并使其更改父级的（li）类。我认为它应该是这样的（我现在无法测试）：$（'.navTab a'）。单击（function（）{$（'.navTab'）。removeClass（'selected'）；$（this.parent（）.addClass（'selected'）；返回false；}）；

  $("a," + set).removeClass("selected")

   .filter("[@href='"+id+"']" + set)

<ul class="idTabs">
    <li class="navTab selected"><a href="#request-info">Request more information</a></li>
    <li class="navTab"><a href="#test-drive">Request a test drive</a></li>
    <li class="navTab"><a href="#make-offer">Make an offer</a></li>
    <li class="navTab"><a href="#get-quote">Get a quote</a></li>
</ul>

$('.navTab').click(function(){
    $('.navTab').removeClass('selected');
    $(this).addClass('selected');
    return false;
});

$('.navTab a').click(function(){
    $('.navTab').removeClass('selected');
    $(this).parent().addClass('selected');
    return false;
});