selector - 将类添加到具有特定类名或特定源的父级

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>

非常感谢各位！

更新： 伙计们，我想我现在已经想通了，但是如果有人可以看看它是否可靠，我仍然会很感激：

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()通话中完成所有操作。