如何获取.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();


下一步是什么?

干杯

最佳答案

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

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


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

关于javascript - jQuery获取div的内容并使它成为其父元素的类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37834917/

10-12 12:30
查看更多