使用jquery更改divs类和id的基本语法（使用自定义代码）

您好，我有一段代码，但我不知道如何更改div的ID和类。

的HTML

<div id="menu-wrapper" class="menu-wrapper">

<ul class="nav">
    <a id="home_btn" href="http://www.pixuripersonalizate.net"><img src="/images/home_button.png"></img></a>
    <li class="nav-item nav-item-first">
        <a href="#">Instrumente de scris</a>
        <div>
            <ul class="sub-menu">
                <li><a href="#">Pixuri plastic</a></li>
                <li><a href="#">Pixuri plastic metal</a></li>
                <li><a href="#">Pixuri de lux</a></li>
                <li><a href="#">Pixuri metalice</a></li>
                <li><a href="#">Pixuri din aluminiu</a></li>
                <li><a href="#">Pixuri biodegradabile</a></li>
                <li><a href="#">Pixuri modele speciale</a></li>
                <li><a href="#">Pixuri din bambus</a></li>
                <li><a href="#">Stilouri</a></li>
                <li><a href="#">Pixuri cu gel personalizate</a></li>
                <li><a href="#">Pixuri campanie electorala</a></li>
                <li><a href="#">Pixuri si creioane craciun</a></li>
                <li><a href="#">Evidentiatoare</a></li>
            </ul>
        </div>
    </li>
    <li class="nav-item">
        <a href="#">Truse/Pixuri de lux</a>
        <div>
            <ul class="sub-menu">
                <li><a href="#">Pixuri PARKER</a></li>
                <li><a href="#">Pixuri AlexLuca</a></li>
                <li><a href="#">Pixuri Andre Philippe</a></li>
            </ul>
        </div>
    </li>
    <li class="nav-item">
        <a href="#">Truse seturi de scris</a>
        <div>
            <ul class="sub-menu">
                <li><a href="#">Seturi din lemn</a></li>
                <li><a href="#">Seturi de lux</a></li>
                <li><a href="#">Seturi din plastic</a></li>
            </ul>
        </div>
    </li>
    <li class="nav-item">
        <a href="#">Creioane</a>
        <div>
            <ul class="sub-menu">
                <li><a href="#">Creioane colorate</a></li>
                <li><a href="#">Creioane mecanice</a></li>
                <li><a href="#">Creioane de scris</a></li>
            </ul>
        </div>
    </li>
    <li class="nav-item">
        <a href="#">Accesorii pixuri</a>
        <div>
            <ul class="sub-menu">
                <li><a href="#">Cutii cadou</a></li>
                <li><a href="#">Suporturi pentru pixuri</a></li>
                <li><a href="#">Etuiuri si cutii</a></li>
                <li><a href="#">Ascutitori</a></li>
            </ul>
        </div>
    </li>
</ul>

</div>
<div id="dropdown_submenu" class="submenu_container">
<div class="submenu_blue"></div>
<ul class="submenu">
</ul>
</div>

Java脚本

$( document ).ready(function() {

$('.nav-item div').hide();
 $('.nav-item-first div').show();

var all_divs = $('.nav-item a').parent().find('div');

 $('.nav-item a').click(function(e){

 e.preventDefault();
 // hide all divs
 all_divs.hide();
$this = $(this).parent().find('div');
 // here is what I want to do
 if ($this.is(':hidden')) {
 $(this).parent().find('div').show();
}
});
$('.nav-item a').click(function(){
        $(this).parent().attr('class', 'nav-item').addClass('curent-   menu-item').removeClass('nav-item').siblings().removeClass('curent-menu-item').addClass('nav-item');

        if($(this).parent().attr('class', 'instr_scris'))
            {
                $('')
            }
});


});

演示：test.pixuripersonalizate.net

因此，我要做的就是将类“ submenu”更改为“ submenu_long”，将“ submenu_container”更改为“ submenu_container_long”，并将id“ dropdown_submenu”更改为“ dropdown_submenu_long”。当我单击“ Instrumente de scris”并单击其他任何选项卡时，将其更改回默认值。

先感谢您。