javascript - 如何在 JQuery 中使用自定义属性向标签添加类？

Question

如何将类添加到具有自定义属性的标签中？大多数人使用 ID，但就我而言，我需要使用自定义属性。

CSS:

.correct {
    background-color: lightGREEN;
}

JQuery:

$(".save").on("click", function(){
    $("input[custom='50']").addClass("correct");
}

HTML:

<button type='button' class='save' value='Save' custom='50' >Save</button>

启动:

http://www.bootply.com/XgCASbBRZR

Answer 1

您在 jquery 中缺少一个括号，并且正在将类 correct 添加到 input，因此我将 input 添加到你的 html。

$(".save").on("click", function(){
    $("input[custom='50']").addClass("correct");
});

.correct {
    background-color: lightGREEN;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class='save' value='Save' custom='50' >Save</button>
<input custom="50">

如果您打算更改按钮的背景颜色，请在您的 jquery 中引用该按钮

$(".save").on("click", function(){
    $("button[custom='50']").addClass("correct");
});

.correct {
    background-color: lightGREEN;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class='save' value='Save' custom='50' >Save</button>