Javascript 如何从子元素文本值向父元素添加类？jQuery

我有一个列表，其中包含子元素。我想将.post meta boxcolor的值添加到父li

<ul class="course-list">
    <li>

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">orange</p>
     </div>

    </li>

    <li>

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">red</p>
     </div>

    </li>

    <li>

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">lightblue</p>
     </div>

    </li>


</ul>

如何基于class=post-meta-boxcolor文本或值向父li添加类

我想要的结果是：

<ul class="course-list">
    <li class="orange">

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">orange</p>
     </div>

    </li>

    <li class="red">

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">red</p>
     </div>

    </li>

    <li class="lightblue">

     <div class="course-content">
      <p class="post-meta post-meta-level">Level 2</p>
      <p class="post-meta post-meta-boxcolor">lightblue</p>
     </div>

    </li>


</ul>

谢谢你的帮助

您可以使用回调作为参数的方法，如

$'.course list li'.addClassfunction{ 返回$this.find'.post meta boxcolor'.text } .橙色{ 颜色：橙色； } 瑞德先生{ 颜色：红色； } 浅蓝色{ 颜色：浅蓝色； }

2级

橙色

2级

红色

2级

浅蓝色

您可以使用回调作为参数的方法，如

$'.course list li'.addClassfunction{ 返回$this.find'.post meta boxcolor'.text } .橙色{ 颜色：橙色； } 瑞德先生{ 颜色：红色； } 浅蓝色{ 颜色：浅蓝色； }

2级

橙色

2级

红色

2级

浅蓝色

您可以使用：

$('.course-list li').addClass(function(){
     return $(this).find('.post-meta-boxcolor').text().replace(/\s/g, '');
});

您可以使用：

$('.course-list li').addClass(function(){
     return $(this).find('.post-meta-boxcolor').text().replace(/\s/g, '');
});

---

谢谢@Arun P Johny谢谢@Arun P Johny