javascript - 当 child 有不同的标签时如何为元素的所有 child 添加类

Question

您好，我在想如何在 .edit div 中的每个元素上添加类 .draggable

这是我的 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>

我真的不知道如何获取 .edit 中的每个元素并添加类 .draggable 。想要的效果是这样的:

<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>

Answer 1

您可以使用* 选择器找到每个元素并分配类draggable。
试试这个:

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

DEMO