使用特定类名或特定源将类添加到<img/>的父级

Question

我的HTML看起来像这样，我正在使用YUI库：

<div>
    <img class="smallimage" src="host/smallimage.jpg">
</div>
<div>
    <img src="host/bigimage.jpg">
</div>

我想知道如何（1）使用.smallimage类将所有图像添加到容器中以及（2）将类添加到所有容器中源标记中带有“big”字符串的图像。 ：）

这样输出就像这样：

<div class = "small">
    <img class="smallimage" src="host/smallimage.jpg">
</div>
<div class = "big">
    <img src="host/bigimage.jpg">
</div>

非常感谢fellas！

更新 Fellas我想我现在已经想到了这一点，但是如果有人可以看看它是否可靠，我仍然会欣赏：

1）

YUI().use('node', function(Y)    
 var node = Y.one(".smallimage")
 Y.one(".smallimage").get('parentNode').addClass("small");
});

2）

YUI().use('node', function(Y)    
 var node = Y.one("img[src*='big']")
 Y.one("img[src*='big']").get('parentNode').addClass("big");
});

谢谢！

Answer 1

您的解决方案是正确的，但正如函数所说，使用Y.one只会影响一个元素。如果您有多张图片，则应使用Y.all。

此外，请注意，您可以在YUI().use()个电话中执行所有操作。