将子类添加到父级

Question

如何将子类添加到父级

<div class="test">
 <div class="16">

 <div>
<div>

应该是

<div class="test 16">
 <div class="16">

 <div>
<div>

我试过

$('.test > div').addClass(function() {
    return $(this).map(function() {
        return this.className;
    }).get().join(' ');
});

Answer 1

你可以这样做。

$('.test > div').each(function() {
    $(this).parent().addClass(this.className);
});

Answer 2

尝试：

$(function() {
  $('.test > div').each(function() {
    $(this).parent().addClass($(this).attr('class'));
});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
  <div class="16">
    16
    <div>
      <div>
<div class="test">
  <div class="11">
    11
    <div>
      <div>
<div class="test">
  <div class="12">
    12
    <div>
      <div>

Answer 3

您的原始代码几乎就在那里。您只需选择父元素（.test），在children('div')内返回addClass(function)类：

$('.test').addClass(function() {
    return $(this).children('div').map(function() {
        return this.className;
    }).get().join(' ');
});

Here's a fiddle

Answer 4

使用addClass()，可能是：

$('.test').addClass(function() {    
    return $(this).children().prop('className');
});