javascript - 将类(class)名称从 child 转移到 parent

Question

希望使用 jQuery 将图像的类名移动到它包含图形元素...

<figure class="wp-caption">
    <img class="imghvr-hinge-up" src="image.jpg">
    <figcaption >A sample caption</figcaption>
</figure>

特别是我想将任何以“imghvr-”开头的 img 标签类名移动到它包含的图形，如果包含图形的类名是“wp-caption”。结果如下所示...

<figure class="wp-caption imghvr-hinge-up">
    <img class="" src="image.jpg">
    <figcaption >A sample caption</figcaption>
</figure>

希望这是有道理的!)任何帮助将不胜感激!

Answer 1

你可以这样做

$('img[class^="imghvr-"]').each(function() {
  var cl = $(this).attr('class');
  $(this).removeClass().parent('[class="wp-caption"]').addClass(cl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<figure class="wp-caption">
  <img class="imghvr-hinge-up" src="image.jpg">
  <figcaption>A sample caption</figcaption>
</figure>