有条件的jQuery/js-addClass脚本

Question

尽管我对jQuery/js几乎一无所知，但我还是尝试创建了一个简短的脚本：Wordpress按如下方式输出图像类：

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

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

因此，试图创建一个脚本，用类"alignleft/right/none"检查任何图像，然后为标记添加一个新类。

到目前为止，我已经成功地将以下代码组合在一起：

$(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")) {
}
});

问题是：

• 第一个条件语句（对于alignlift）是有效的，但当涉及到"alignright"图像时，会创建两个"alignlift&align right"类
• 其次是最后一个条件语句，它返回一个错误：正如我所预料的，我的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");
}