如何在jQuery中复制父元素属性，将父级类赋值给新创建的子li元素

实现代码 #

场景1：继承父元素全部类属性

遍历每个外层li.secondCategory元素，先获取其全部类名后再拼接插入新元素，避免多实例场景下类名匹配错误：

$('.secondCategory').each(function() {
  // 读取当前外层li的全量类名
  const allParentClasses = $(this).attr('class');
  // 拼接类名后插入子ul首位
  $(this).children('ul').prepend(`<li class="afterclick ${allParentClasses}"></li>`);
});

插入后新生成的li结构为：

<li class="afterclick addGradient secondCategory">Lorem ipsum</li>

场景2：仅继承父元素第一个类属性

将读取到的类名字符串按空格拆分后取第一个元素即可：

$('.secondCategory').each(function() {
  // 拆分类名数组，取第一个值
  const firstParentClass = $(this).attr('class').split(' ')[0];
  $(this).children('ul').prepend(`<li class="afterclick ${firstParentClass}"></li>`);
});

插入后新生成的li结构为：

<li class="afterclick addGradient">Lorem ipsum</li>

内容的提问来源于stack exchange，提问作者Noler Relon