jQuery-为元素分配ID

Question

I have a simple menu, that goes like this

<div class=navigation">
<div class="main-menu">
    <ul class="menu">
        <li><a href="home">Home</a></li>
        <li><a href="home">About</a></li>
    </ul>    
</div>

I need to assign an ID of "nav" to a second div (class="main-menu") and I have to do it by jQuery. Anyone can help with this?

Answer 1

You can use:

$('.main-menu').attr('id','sm_id')

for targetting only second element with class .main-menu , you can use eq() selector:

$('.main-menu:eq(1)')

Answer 2

采用

  $('.main-menu').attr("id","whatever")

Answer 3

Try this :

$(function(){
  $('.main-menu').attr('id','nav');

});

Answer 4

Here is what you looking for

$('.main-menu').attr('id', 'nav');

Hope this helps....

Answer 5

Div class name : main-menu
Attribute name : id Attribute Value : nav

use :

$('.main-menu').attr( 'id', 'nav' );

result :

<div class="main-menu" id="nav">