使用 YUI 动态获取班级的唯一编号

Get unique number from class with YUI dynamically

本文关键字：唯一 编号 YUI 动态 获取 使用      更新时间：2023-09-26

如何使用 YUI 3.x 从类或 id 中动态获取唯一编号？

例：

.reward1
.reward2
.reward3
AUI().use('node', function (A) {
    var rewardid = node.get('id');
    A.all('.reward' + rewardid).addClass('testaddclass');
});

A.all()或Y.all()将CSS选择器作为其参数。CSS 选择器只能匹配 CSS 类的开头，如下所示：

div[class^="reward"]

因此，解决方案是执行以下操作：

A.all('div[class^="reward"]').addClass('testaddclass');

以下是该解决方案的工作示例：

var AUI = YUI;
///////////////////////////////////////////////////////////
AUI().use('node', function (A) {
    A.all('div[class^="reward"]').addClass('testaddclass');
});
.testaddclass {
    color: red;
}
<script src="https://cdn.rawgit.com/stiemannkj1/701826667a70997013605edcd37e92a6/raw/469fe1ae297e72a5a80eb9015003b7b04eac735e/alloy-ui-3.0.1_aui_aui-min.js"></script>
<link href="https://cdn.rawgit.com/stiemannkj1/90be22de7f48c729b443af14796d91d3/raw/a9f35ceedfac7fc0559b121bed105eaf80f10bf2/aui-css_css_bootstrap.min.css" rel="stylesheet"></link>
<div class="reward1">asdf</div>
<div class="reward2">asdf</div>
<div class="reward3">asdf</div>

相关文章：