Hi I wandering how I can add class .draggable on each element in .edit div

This is my html:

  <div class="edit" >
       <h2> Some title </h2>
       <a> some link</a>
       <p> some paragraph </p>
       <ol> 
         <li> some list item</li>
         <li> some list item</li>
         <li> some list item</li>
       </ol>
    </div>

I don't really know how to grab each of the elements inside .edit and add class .draggable . The desired effect would be like that:

<div class="edit" >
   <h2 class="draggable" > Some title </h2>
   <a class="draggable"> some link</a>
   <p class="draggable"> some paragraph </p>
   <ol class="draggable"> 
     <li class="draggable">some list item</li>
     <li class="draggable"> some list item</li>
     <li class="draggable"> some list item</li>
   </ol>
</div>

Hi I wandering how I can add class .draggable on each element in .edit div

This is my html:

  <div class="edit" >
       <h2> Some title </h2>
       <a> some link</a>
       <p> some paragraph </p>
       <ol> 
         <li> some list item</li>
         <li> some list item</li>
         <li> some list item</li>
       </ol>
    </div>

I don't really know how to grab each of the elements inside .edit and add class .draggable . The desired effect would be like that:

<div class="edit" >
   <h2 class="draggable" > Some title </h2>
   <a class="draggable"> some link</a>
   <p class="draggable"> some paragraph </p>
   <ol class="draggable"> 
     <li class="draggable">some list item</li>
     <li class="draggable"> some list item</li>
     <li class="draggable"> some list item</li>
   </ol>
</div>

• javascript
• jquery
• dom

Share Improve this question Follow asked Sep 21, 2013 at 15:12 lipencolipenco 1,36855 gold badges1616 silver badges3131 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You can find each element with * selector and assign class draggable.
Try this:

$('.edit').find('*').addClass('draggable');

DEMO