Question

我有一个ASP MVC应用程序，它有一个带有一些JavaScript的菜单，可以从一个页面移动到另一个页面。就像现在一样，当我选择菜单项时，它变为粗体。但即使我选择了不同的菜单项，它也会保持粗体。因此，如果我点击所有菜单项，它们都会变得大胆并保持这种状态。

以下是一个菜单项的代码：

<script>
    $('#firstMenuItem').click(function () {
        $('#div').load(
            "@Url.Action("FirstMenu","SomeItem")",
            { 'id':'123'}, 
            function (response, status, xhr) {
                if (status == "error") {
                    alert("An error occurred while loading the data.");
                }
            });
        this.style.fontWeight = 'bold';
    });
</script>

我想更改此代码，以便当我选择另一个菜单项时，只有那个会变为粗体，其余的将是普通字体。
我怎么能这样做？

Answer 1

jQuery提供了一个siblings函数，假设菜单项位于同一个父元素中。

$(this).siblings().css('font-weight', 'normal')

这是一个快速演示：https://jsfiddle.net/terbt1Lt/

Javascript菜单粗体选中，其余为非粗体

1 个答案: