javascript - 有没有办法将一个属性的值附加到另一个属性？

Question

我觉得这是一个愚蠢的简单问题，但最近我一直在做大量的 CSS 工作，以至于我觉得有点生疏。所以，我有几个带有 classname: 和 class: 属性的按钮。基本上，我想要做的就是获取类名属性的值并将其附加到类中。只有具有 className 的按钮需要附加其内容。

classname="blah_btn blah_btnGrey" class="blah blah blah foo foo"

我会写这样的东西吗:

if ($('#ui-button').has("className")) {
$(("className").val()).appendTo("class");

或者更多类似的东西:

$("button").each(function() {
//do stuff

});

还是我完全错了？再次感谢您的帮助。

Answer 1

首先，请不要使用属性调用 className。这是作为处理 class 属性的方式保留的，因为 class 是 javascript 中的保留字。因此，如果您使用名称为 class 和 className 的属性，您最终可能很难在 javascript 中单独访问它们。这可能是一团糟。为实际上不是 class 的名称选择一个更独特的名称。

要添加类属性，您只需使用 .addClass():

$('#ui-button').addClass("blah_btn")

jQuery 的 `addClass() 足够聪明，如果它已经存在则不会添加它。

---

如果你想获取一个属性并将其添加到实际的类中，你可以这样做:

$('#ui-button').addClass($(elem).attr("myAttribute"));

---

如果您只想将一个属性添加到另一个属性上，您可以这样做:

var target = $('#ui-button');
target.attr(target.attr("myAttribute") + $(elem).attr("myAttribute"));