I have the following structure.
<div id="cabecalho">
<span data-bind="attr: { id: solicitacao.numero}"></span>
<div>
where, request returns a number from 1 to 10 I would like to add a class according to the number.
Example:
if( span == 1 )
{
$("cabecalho").children.addClass( "teste1" );
}
Use the date function of jQuery to get the value of the data-bind and check with the number, like this:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.class1{background:red}
.class2{background:blue}
</style>
</head>
<body>
<span data-bind="1" class="">Oi</span>
<span data-bind="2" class="">Olá</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
$('span').each(function(index, el) {
if($(this).data('bind') === 1){
$(this).addClass('class1');
}else{
$(this).addClass('class2');
}
});
});
</script>
</body>
</html>