使用jQuery为父对象提供与child对象相同的类?

时间:2016-05-25 23:55:11

标签: jquery wordpress addclass

在Wordpress主题中,我检查图像是否已链接,如果是,我想将相同的类添加到图像链接(父级):

if($("img[class*='wp-image-']").closest("a").length ) {
    $(".alignleft").parent().addClass('alignleft');
    $(".aligncenter").parent().addClass('aligncenter');
    $(".alignright").parent().addClass('alignright');
    $(".alignnone").parent().addClass('alignnone');
}

但在某些情况下,图像(子)有更多的类。我想给所有这些类的链接(父) - 自动。这有可能与jQuery?

1 个答案:

答案 0 :(得分:1)

获取元素类作为数组并将其添加到父元素:

var $elem= $("img[class*='wp-image-']");
var className = $elem.attr('class');
var classList = className.split(/\s+/);
for (var i = 0; i < classList.length; i++) {
    $elem.closest("a").addClass(classList[i]);
}

如果要对所有图像自动执行此操作,则必须对代码进行修改以迭代所有图像。