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

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');

演示