私はjQuery
WebSocketから入ってくるデータを使用していて、持っています。データの状態が確認され、開かれ、閉じられます。
データをテーブルに追加しています
$(".incident-row").append(
"<tr><td>"+incident.data.id+"</td>"
+"<td>"+incident.data.state+"</td>"
+"<td>"+incident.data.brief+"</td>"
+'<td><button type="button" class="btn btn-primary btn-sm">View details</button></td>'
+"</tr>"
);
ここで、ブートストラップを使用して、状態自体に応じて、緑、灰色、または赤の背景クラスを状態に追加したいと思います。クラスは正しくアタッチされていますが、既存のクラスが新しいクラスで上書きされていますDOM
各クラスがifステートメントの影響を受ける行にとどまるようにこれを書き直すにはどうすればよいですか?
if(incident.data.state === "OPEN"){
$('.incident-row tr').addClass("table-danger");
}
else if(incident.data.state === "ACKNOWLEDGED"){
$('.incident-row tr').addClass("table-active");
}
else if(incident.data.state === "CLOSED"){
$('.incident-row tr').addClass("table-success");
}
else{
return;
}
$( '。incident-rowtr')のセレクターは、すべてのインシデント行を選択しています。
包含セレクターを使用できます。
$('.incident-row tr:contains("OPEN")').addClass("table-danger");
$('.incident-row tr:contains("ACKNOWLEDGED")').addClass("table-active");
$('.incident-row tr:contains("CLOSED")').addClass("table-success");
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加