Jquery 单击导航菜单类后，如何将其更改为选中？

当我使用-->ul li和不带span的标记时，它工作正常

请参见行动：

---

大量的示例可以很好地工作，但在span class=“header\u item\u before”和span class=“header\u item\u after”中，我有一个图像。如何保持图像不变？最后一个选项卡的下角必须没有图像。

更改此选项：

$("ul li:last").addClass(function() {
                 return "last_tab selected";
               });

为此：

$(".tab_header_item").removeClass("selected");
$(this).closest(".tab_header_item").addClass("selected");

更改此选项：

$("ul li:last").addClass(function() {
                 return "last_tab selected";
               });

为此：

$(".tab_header_item").removeClass("selected");
$(this).closest(".tab_header_item").addClass("selected");

---

这就是您需要的：

$(this).parents('li').addClass('selected').siblings().removeClass('selected');

---

这就是您需要的：

$(this).parents('li').addClass('selected').siblings().removeClass('selected');

---

Bouth的示例效果很好，但在span class=“header\u item\u before”和span class=“header\u item\u after”中，我有一个图像。如何保持图像不变？最后一个选项卡的下角必须没有图像。大量示例可以正常工作，但在span class=“header\u item\u before”和span class=“header\u item\u before”中，我有一个图像。如何保持图像不变？最后一个选项卡的下角必须没有图像。我使用$（“ul li:last”）.addClass（函数（）{return“last\u tab selected”；我使用$（“ul li:last”）.addClass（函数（）{return“last\u tab selected”；