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>

bootply：

http://www.bootply.com/XgCASbBRZR

Answer 1

您的jquery中缺少一个括号，并且正在将input类添加到input，因此我将$(".save").on("click", function(){ $("input[custom='50']").addClass("correct"); });添加到您的HTML中。

.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">

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

如果您打算更改按钮的背景颜色，请参考jquery中的按钮

.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>

boo();

function boo() {
  console.log('Yay!')
}

Answer 2

您可以使用e_links = {'726122193.0': [1310, 1315, 1320, … result = {} for key, links in e_links.iteritems(): links = sorted(l for l in links if l is not None) pairs = zip(links, links[1:]) result[key] = [b-a for a, b in pairs if b-a>20]关键字，它表示对调用当前函数的对象的引用。在我们的例子中，this点击了。

button

＆＃13;

 $(this).addClass("correct");

＆＃13;

$(".save").on("click", function(){
    $(this).addClass("correct");
});

＆＃13;

.correct {
    background-color: lightGREEN;
}

＆＃13;

如果您想通过自定义属性选择<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>元素，则必须使用此选项：

DOM

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

2 个答案: