Question

当然，我几乎没有jQuery / js知识，但我仍尝试创建一个简短的脚本：Wordpress输出图像类，如下所示：

<img class="alignleft" />
<a><img class="alignleft" /></a>
<a><img class="alignright" /></a>

它只为图像标签添加类，而不是为容器添加类，这导致css方面的一些限制。我已经

了

因此尝试创建一个脚本来检查具有类＆＃34; alignleft / right / none＆＃34;的任何图像。然后继续为标记添加一个新类。

到目前为止，我已设法将以下代码放在一起：

$(document).ready(function() {
wp_image = $("div.article_contents a img");

if (wp_image.hasClass ("alignleft")) {
    wp_image.parent().addClass ("wp_image alignleft")
}
else if (wp_image.hasClass ("alignright")) {
    wp_image.parent().addClass ("wp_image alignright");
}   
else (wp_image.parent().addClass ("wp_image")) {

}
});

问题是：

第一个条件语句（对齐alignleft）有效，但是当它出现在＆＃34;对齐时＃34;图像，两者＆＃34; alignleft＆amp; alignright＆＃34;创建了类。
第二个最后一个条件语句它返回一个错误：正如我所料，我的jQuery知识几乎没有，我也找不到另一种方法来写下来。

Answer 1

尝试用以下内容替换整个if else语句：

if (wp_image.hasClass ("alignleft")) {
    wp_image.parent().removeClass("alignright");
    wp_image.parent().addClass("alignleft")
}
else if (wp_image.hasClass ("alignright")) {
    wp_image.parent().removeClass("alignleft");
    wp_image.parent().addClass("alignright");
}   
else{
    wp_image.parent().addClass("wp_image");
}

条件jQuery / js addClass脚本

1 个答案: