Как найти ключ и значение существуют в объекте и применить CSS для них в JavaScript - PullRequest
Новая
       7

Как найти ключ и значение существуют в объекте и применить CSS для них в JavaScript

0 голосов
/ 27 апреля 2018

У меня есть объект, как показано ниже: 

var obj = {
0: {id:'1001',name:'john'},
1: {id:'1002',name:'johnson'},
2: {id:'1001',name:'jack'},
3: {id:'1021',name:'mark'},
}

Мне нужно найти в объекте, который имеет ключ, пару значений как id: 1001, и применить свойства CSS, такие как цвет фона.

Этот объект будет похож на HTML-таблицу. Я только что сделал образец объекта, поэтому нет необходимости проверять дубликаты. Моя HTML-таблица будет иметь два столбца ID и имя. Таким образом, основываясь на значении, я хочу применить CSS для всей строки.

1 Ответ

0 голосов
/ 27 апреля 2018

Надеюсь, это поможет. 

var obj = {
0: {id:'1001',name:'john'},
1: {id:'1002',name:'johnson'},
2: {id:'1001',name:'jack'},
3: {id:'1021',name:'mark'},
}
Object.keys(obj).forEach(function(element) {
  if(obj[element]["id"] == 1001){
      console.log(obj[element]["name"]);
  }
});

Изменить: ваш комментарий делает ваш вопрос более ясным. Я надеюсь, что этот пример даст вам то, что вам нужно для реализации ваших потребностей. P.s. People need to chill out with the down votes.

let table = document.getElementById("exTable").children[0];
for(var i = 1; i<table.children.length; i++){
    if(table.children[i].children[1].innerHTML == "Rafi"){
        table.children[i].style.backgroundColor = "yellow";
    }
}
<!DOCTYPE html>
<html>
<head>

</head>

<body>
<table style="width:100%" id="exTable" border="1">
<tbody>
  <tr>
    <th>ID</th>
    <th>Name</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Rafi</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Quinn</td>
  </tr>
<tbody>
</table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...