Question

我正在尝试获取一个以＆＃39; size开头的特定类名 - ＆＃39;从img标记中，将整个类名存储为变量，然后使用addClass（）将该变量传递给img parent .wp-caption div。

HTML

<div id="attachment_101" style="width: 470px" class="wp-caption alignleft">
    <img class="wp-image-101 size-medium" src="http://192.168.0.8/wp-content/uploads/2014/06/01picAC-460x345.jpg" alt="01picAC" width="460" height="345">
    <p class="wp-caption-text">Even though 3-D graphics have been used in the Repair Manual and New Car Features, the 3-D graphics had not been used for technical training.</p>
</div>

的jQuery

$('.post img').each(function() {
    var imgSize = this.className.match(/\bsize-[^\s]+\b/);
    $(this).parent('.wp-caption').addClass(imgSize);
});

我的问题是变量imgSize没有被添加为类。

我可以使用它：

$('.post img').each(function() {
    var imgSize = this.className.match(/\bsize-[^\s]+\b/);
    $(this).parent('.wp-caption').attr('class', imgSize);
});

...但是删除了现有的align ..类。

我需要弄清楚如何获得变量大小 - [无论如何]＆＃39;添加到.wp-caption div的类中。

请帮助 - 我一直在墙上撞了一个小时，现在试图解决这个问题。

Answer 1

尝试：

$('.post img').each(function() {
    var imgSize = this.className.match(/\bsize-[^\s]+\b/)[0];
    $(this).parent('.wp-caption').addClass(imgSize);
});

使用jquery变量将类添加到元素

1 个答案: