javascript - jQuery 获取 div 的内容并使其成为其父元素的类

Question

如何获取 .getClass 的内容(白色、蓝色等)并将其添加为其父 li 标记的类？

我有以下 html 结构:

<div class="main">
   <ul>
    <li class="even">
         <div class="content">
           <div class="getClass">white</div>
         </div>
     </li>
     <li class="odd">
         <div class="content">
           <div class="getClass">red</div>
         </div>
     </li>
     <li class="even">
         <div class="content">
           <div class="getClass">blue</div>
         </div>
     </li>
     <li class="odd">
         <div class="content">
           <div class="getClass">black</div>
         </div>
     </li>
  </ul>
</div> 

我想出了这个:

var str = $( ".getClass" ).text();

下一步是什么？

干杯

Answer 1

选择要修改的元素，使用.each创建循环，然后使用.text()获取每个元素的内容:

$('li').each(function (i, el) {
    var className = $(el).find('#getClass').text();
    $(el).addClass(className)
});

但是您的代码实际上是无效的 HTML，您有重复的 id 属性。因此，请使用类，您几乎不需要 id