Preciso alterar a cor de um botão de uma lista de produtos. Porém, recebo em uma variavel uma outra lista com o id do produto somente do usuario logado. Estrutura que recebo :
[ 2, 7, 18, 21] // são os id dos produtos do usuário logado
Baseado nisso, eu queria saber como posso alterar, usando JQuery a cor do botão da lista abaixo, conforme o id do produto da lista abaixo, seja igual a lista da estrutura acima.
Minha lista de produtos é:
<table id="produtos">
<thead>
<tr>
<th>Nome</th>
<th>Usuário</th>
<th>Quantidade</th>
</tr>
</thead
<tbody>
<c:forEach items="${produtos}" var="p">
<tr>
<td>${p.nome }</td>
<td>${p.usuario.nome }</td>
<td>${p.quantidade}</td>
<td>
<form id="testeForm" action="<c:url value="/atualizaQuantidade"/>" method="post" >
<input type="hidden" name="produto.cod" id="cod" value="${p.cod}" />
<button type="submit" class="btn btn-primary"></button>
</form>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>
Coincidindo os "Id", mudar a cor do botão. Minha tabela então exibe o nome do produto, o nome do usuário e quantidade. Coloquei um botão pra atualizar, porém eu queria que ele ficasse com uma cor diferente caso o usuário responsável por aquele produto estivesse logado.
Exemplo: usuário com id 7 logado, somente os produtos dele o botão ficasse na cor verde (exemplo), não sendo dele, permancesse a cor atual do botão.
Grata